使用 Angular Gauges 顯示關鍵指標
將儀表新增至 Angular 儀表板,讓使用者能夠評估當前值與定義的範圍及門檻。

儀表控制項會顯示測量值在刻度中的位置,幫助使用者在不需查看數字表格的情況下評估操作狀態。在 Angular 應用程式中,開發人員可使用儀表顯示設備溫度、容量使用或目標進度。彩色區間區分正常值與警示等級,指針和標籤識別目前讀數。在 UI 套件中包含儀表,也允許開發人員將這些顯示與資料格、圖表及輸入控制項合併在同一儀表板中。
多個 UI & Visualization 套件包含 Angular 儀表控制項,包括:
- DevExtreme Complete 由 DevExpress 提供,具備可配置的刻度、彩色區間及多種值指示器,包括指針與區間條的圓形儀表。
- Kendo UI 由 Telerik 提供,包含弧形、圓形、線性和放射狀儀表,且具備可客製化的刻度、標籤及刻度線,並支援影像、PDF 及 SVG 匯出。
- Syncfusion Essential Studio UI Component Suite 包含多軸圓形儀表、彩色區間,以及用於顯示測量值的指針、標記或區間條指示器。
- Infragistics Ignite UI 提供具可配置指針、刻度標記、標籤及比較區間的放射狀儀表,並具備數值間的動畫過渡效果。
欲深入分析各項功能與價格,請參閱我們的 Angular UI & Visualization 套件比較。