DevExtreme Vue Gauges

DevExpress儀表控制JavaScript

可自訂儀表視覺化的互動式 Vue 元件。

  • 包含圓形、放射狀與線性儀表類型。
  • 支援多種值與次值指示器樣式及自訂刻度。
  • 具備工具提示、範圍容器與可自訂標題。
DevExpress logo

起價:

載入中...
包含在以下產品
DevExtreme Complete載入中
DevExpress DXperience載入中
DevExpress Universal載入中
DevExpress VCL Subscription +載入中
需要幫助選擇嗎？ 請查看 如何購買 和 規格
DevExtreme Vue Gauges 產品圖片
DevExtreme Vue Gauges 提供一組完整的儀表元件，專為 Vue 應用程式設計。這些元件支援多種儀表類型，包括圓形、放射狀與線性儀表，各自提供多樣化的視覺化選項。開發人員可以自訂指示器、刻度、刻度標記、標籤與範圍容器，打造精準且互動性高的儀表板，有效傳達資料。

Gauge Types

透過三種不同的儀表類型提供動態資料視覺化：圓形、放射狀與線性儀表，可因應各種應用情境與使用者介面。

Value and Subvalue Indicators

使用預先定義的指示器類型（如 RangeBar、RectangleNeedle、TextCloud、TriangleMarker、TriangleNeedle 和 TwoColorNeedle）自訂儀表上的主要值與附加值指標。

Scale Customization

設定主要與次要刻度標記，並可調整可見性、間隔、自訂值、顏色、長度與寬度，以精確呈現資料刻度。

Scale Labels

透過顯示刻度標籤來提升儀表可讀性；這些標籤可自訂可見性、格式、文字內容、字型樣式，以及與刻度的間距。

Range Container

透過可設定顏色、調色盤、寬度、偏移與方向的方式，將刻度區段分組以視覺化值域。

Tooltips

啟用互動式工具提示，在滑鼠懸停時顯示資訊性資料，並可自訂文字格式與字型樣式。

Title and Subtitle Elements

為儀表加入具描述性的標題與副標題，並可控制文字內容、字型樣式與對齊方式，提供清楚的情境資訊。

產品相容性

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

元件類型

  • JavaScript

JavaScript 平台

  • Vue.js