Syncfusion Angular Gauges

Syncfusion儀表控制JavaScript

使用可自訂的圓形儀表板來視覺化數值資料。

  • 在具有多個軸的圓形刻度上視覺化數值。
  • 自訂指針、範圍與標籤，以精確呈現資料。
  • 透過動畫、拖曳、工具提示與匯出選項啟用互動功能。
Syncfusion logo

起價:

載入中...
包含在以下產品
Syncfusion Essential Studio UI Component Suite載入中
Syncfusion Essential Studio Enterprise載入中
Syncfusion Angular Gauges 產品圖片
Syncfusion Angular Circular Gauge 讓開發人員能在彈性且具視覺吸引力的圓形刻度上呈現數值資料。它支援多個軸、指針與範圍自訂，適用於速度表、時鐘和進度計數器等應用程式。進階功能包括動畫、拖曳互動、圖例、工具提示與資料匯出，可滿足多樣化的資料視覺化需求。

軸自訂

定義多個圓形軸，並可自訂起始與結束角度、方向及樣式。透過修改字型、大小、顏色、位置偏移與邊框線來調整標籤與刻度，以便將儀表板調整為符合特定資料需求。

範圍視覺化

使用可設定顏色、漸層、寬度與位置的多個範圍，在軸上醒目標示關鍵數值區間，以提升可讀性並在視覺上區分資料區段。

指針種類

透過高度可自訂的指針來表示數值，包括 needle、marker 與 range bar 類型。可自訂形狀、大小、顏色、動畫、位置，並在每個軸上加入多個指針，以呈現複雜的資料內容。

指針動畫與互動

平順地為指針轉換加入動畫，以呈現動態視覺效果。啟用指針與範圍拖曳，讓使用者能以互動方式調整數值，並支援即時更新與滑動手勢。

圖例與工具提示

加入圖例以便輕鬆識別範圍與指針，並可設定位置與樣式。在滑鼠懸停時顯示詳細工具提示，以提供額外的資料洞察。

彈性儀表板版面配置

透過調整起始與結束角度，可建立完整、半圓或四分之一圓的儀表板，非常適合各種螢幕尺寸與精簡儀表板區域。

註解支援

可將任何 HTML 內容作為註解嵌入特定位置，以提供情境資訊或增強儀表板呈現。

匯出與列印

可將已呈現的儀表板匯出為 PDF、SVG、PNG、JPEG 或 base64 字串，以便整合至報告或離線分析。也可直接從支援的瀏覽器列印。

無障礙與全球化

符合 WAI-ARIA 標準，確保支援螢幕閱讀器與鍵盤導覽。可使用內建的全球化功能，根據地區設定自訂數字與標籤。

產品相容性

請查看以下詳細資訊，以確保此產品在您的環境中受支援。

元件類型

  • JavaScript

JavaScript 平台

  • Angular