全部產品
Search
文件中心

Quick BI:儀錶盤

更新時間:Oct 31, 2025

儀錶盤可以直觀地表現出某個指標的實際情況,主要用於指標佔比的展現。例如,通過儀錶盤展示某一類商品的庫存狀態,可以看到庫存充足還是需要補貨。本文為您介紹如何為儀錶盤添加資料並配置樣式。

效果圖

image

配置資料

  1. 在組件庫地區的圖表中,找到儀錶盤並拖至畫布中。image

  2. 資料地區中選擇所需資料集,並按照以下說明配置圖表的欄位資料。image

    • 指標角度/度量中,拖入需要展示的核心指標,例如需要查看訂單金額的表現情況,則拖入訂單金額欄位。

    • 目標值/度量中,為指標角度中的度量值設定目標值,以查看其完成度及佔比情況,例如輸入訂單金額的目標值,以查看當前訂單金額指標的完成度。支援拖入動態欄位,或手動輸入目標值。

      • 動態欄位:根據業務資料動態更新目標值,適用於需要根據時間及業務狀況自動調整目標值的情境,例如庫存水平等變動較頻繁的指標。

      • 手動輸入:為進度值設定一個固定的目標數值,適用於目標固定的情境,例如年度銷售目標、專案預算等。

    • ③ 在起點值/度量中,設定指標的起始值,即錶盤刻度的起點。支援拖入動態欄位,或手動輸入目標值。

      • 動態欄位:當起點值需要隨資料變化而自動更新時,您可以將起始值設定為動態值。例如:在展示銷售業績的儀錶盤中,如果希望每個月的起點值自動調整為該月第一天的銷售額,那麼可以將一個代表月初銷售額的動態欄位設定為起始值。

      • 手動輸入:當您有一個明確且固定不變的起始點值時,可以直接手動輸入起始值。例如:年度銷售額需要從0開始積累,此時即可將0設為起始值。

您還可以對資料進行以下操作:image

配置樣式

位置和尺寸

您可以在配置區對組件進行如下設定。

image

  • 調整組件的對齊(①):支援靠左對齊、置中和靠右對齊等。

  • 調整組件的尺寸(②):以左上方為原點,設定X和Y軸的值,調整位置。

  • 調整組件的角度(③):設定旋轉角度的值。

  • 調整組件的大小(④):設定W和H的值,調整組件的寬度和高度。

  • 鎖定組件(⑤):鎖定組件後,無法調整組件的大小。

  • 調整透明度(⑥):設定組件的透明度。

儀錶樣式

您可以在儀錶樣式地區,設定儀錶盤的樣式,支援的操作如下。

image

  • 可視化樣式切換:設定儀錶盤的整體樣式,支援選擇標準扇形刻度

  • 顏色模式:設定儀錶盤的顏色模式,支援單色或按區塊分色。

    • 當選擇單色模式時,整個儀錶盤將使用同一種顏色,您可以在主題色中自訂資料條的具體顏色,並設定背景色image

    • 當選擇按區塊分色時,不同資料區間可使用不同的顏色表達,您需要在資料對應區間中設定資料的分區方式,並在主題色中自訂具體顏色。image

  • 透明度:設定資料條的透明度。

  • 半徑佔比:設定儀錶盤的半徑大小。

  • 圓角:設定儀錶盤的圓角值。

  • 內部刻度標記:設定是否顯示儀錶盤內部刻度標記,並選擇其展示方式為百分比原資料值

資料標籤

您可以在資料標籤地區,進行如下操作。image

  • 主標籤:設定主標籤樣式。

    • 標籤樣式:設定主標籤的顯示形式。支援選擇顯示指標值顯示百分比

    • 文本樣式:設定主標籤名稱及數值的文本樣式,支援設定字型顏色、大小等。

  • 副標籤:選擇是否開啟副標籤,並設定副標籤的樣式。

    • 文本:設定副標籤的文本樣式,支援設定字型顏色、大小等。

    • 佔比值小數位元:設定佔比值保留幾位小數。

動效

動效地區,設定儀錶盤的展示動效。image

  • 開啟指標動效:設定是否開啟指標在移動時的動畫效果。

  • 開啟軌道流光效果:設定是否在軌道上開啟流動的光影效果。

  • 開啟流光效果:設定是否在資料條上開啟流動的光影效果,支援在開啟的狀態下設定其顏色流光時間長度