使用 Angular Gauges 顯示關鍵指標

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

使用 Angular Gauges 顯示關鍵指標

儀表控制項會顯示測量值在刻度中的位置,幫助使用者在不需查看數字表格的情況下評估操作狀態。在 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 套件比較。

比較 Angular UI & Visualization 套件