Infragistics Ignite UI for Angular Gauges
以靈活的 Angular 儀表元件精準視覺化資料。
- 包含線性、徑向與子彈圖儀表元件。
- 支援可自訂持續時間的動畫轉場。
- 可詳細自訂指針、區間、標籤與刻度。
起價:
線性儀表元件
以線性布局在刻度上顯示數值。支援可設定的方向、方位、用於指示數值的指針，以及可自訂的刻度與標籤。包含可調整持續時間的動畫轉場。
徑向儀表元件
以圓形或弧形刻度呈現數值，並具備指針、刻度與標籤等視覺元素。提供可自訂背板形狀、刻度弧線、掃掠方向等屬性，並支援光學縮放以動態調整標籤大小。
子彈圖元件
在有限空間內的線性刻度上顯示效能與目標值。以效能條與目標標記視覺化進度，並包含比較區間以進行定性評估。支援方向與方位自訂。
指針與強調指針
所有儀表類型都支援一個或兩個指針，以表示主要值與強調值。可自訂指針形狀與樞軸樣式。徑向儀表還可選擇允許使用者互動拖曳指針。
區間
用於強調刻度上數值區間的視覺元素，以表示定性狀態或門檻。可新增多個區間，並自訂填色與外框，以視覺化傳達效能等級。
刻度與標籤
主要與次要刻度將刻度細分為各區間，以提升清晰度。標籤沿著刻度顯示數值，並可透過字型與顏色等樣式選項增強可讀性。
背板與刻度自訂
背板作為儀表的背景與邊框，繪製在所有其他元素之下。刻度可反轉，或使用量身打造的填色與範圍進行樣式設定，以符合設計需求與數值範圍。
動畫轉場
儀表在更新數值時內建支援動畫轉場。動畫持續時間可設定，讓資料更新更平順且更具視覺吸引力。
整合與相依性
每個儀表元件都需要 Ignite UI Angular core 套件。必須將各儀表類型的模組匯入 Angular 應用程式，才能啟用其功能。
產品相容性
請查看以下詳細資訊，以確保此產品在您的環境中受支援。
元件類型
- JavaScript
JavaScript 平台
- Angular
- Vanilla JavaScript
關於Infragistics
Infragistics 成立於 1989 年，總部位於新澤西州 Cranbury，已在 UI/UX 開發領域奠定其全球領導地位，服務遍及 100 多個國家的軟體專業人士。其以支援網頁、桌面與行動平台的完整程式庫與框架廣受認可，並提供專為 .NET、Angular、React 及其他領先技術量身打造的解決方案。Infragistics 在歐洲、亞洲與南美洲皆設有辦公室，提供可加速應用程式開發並帶來豐富使用者體驗的元件。其對創新的承諾與對客戶滿意度的重視，使其成為全球開發人員與組織在數位專案中追求品質與彈性的值得信賴合作夥伴。
