全部產品
Search
文件中心

Quick BI:環形進度條

更新時間:Jun 30, 2024

環形進度條可以直觀地展現出某個指標的進度。本文為您介紹如何為環形進度條添加資料並配置樣式。

效果圖

效果圖

配置資料

  1. 在組件庫地區的圖表中,找到環形進度條並拖至畫布中。環形進度條

  2. 單擊請選擇資料集,並按照下圖指引,添加資料。

    下圖目標值/度量手動輸入為例,您也可以選擇動態欄位

    配置資料

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

配置樣式

位置和尺寸

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

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

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

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

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

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

位置與大小

進度條

您可以在進度條地區,設定進度條的佔比條顏色(①)、背景顏色(②)以及寬度(③)。進度條

資料標籤

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

  • 顯示進度值佔比:設定進度值佔比的小數位(①)、進度值佔比距離中心圓點的X和Y軸的位移量以及進度值佔比的文本樣式。

  • 顯示當前值/目標值:設定當前值或目標值的展示名稱(②)、相片順序(左右或者上下排列)、上邊距(與進度條之間的距離)以及文本樣式。

資料標籤

動效

您可以在動效地區,設定動畫效果:

  • 顏色:設定流光顏色,支援純色和漸層色。

  • 流光時間長度:設定流光的間隔時間長度,單位為秒(s)。

    動效

動效