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

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

單擊請選擇資料集,並按照下圖指引,添加資料。
下圖目標值/度量以手動輸入為例,您也可以選擇動態欄位。

配置樣式
位置和尺寸
您可以在配置區對組件進行如下設定:
調整組件的對齊(①):支援靠左對齊、置中和靠右對齊等。
調整組件的尺寸(②):以左上方為原點,設定X和Y軸的值,調整位置。
調整組件的角度(③):設定旋轉角度的值。
調整組件的大小(④):設定W和H的值,調整組件的寬度和高度。
鎖定組件(⑤):鎖定組件後,無法調整組件的大小。

進度條
您可以在進度條地區,設定進度條的佔比條顏色(①)、背景顏色(②)以及寬度(③)。
資料標籤
您可以在資料標籤地區,進行如下操作。
顯示進度值佔比:設定進度值佔比的小數位(①)、進度值佔比距離中心圓點的X和Y軸的位移量以及進度值佔比的文本樣式。
顯示當前值/目標值:設定當前值或目標值的展示名稱(②)、相片順序(左右或者上下排列)、上邊距(與進度條之間的距離)以及文本樣式。

動效
您可以在動效地區,設定動畫效果:
顏色:設定流光顏色,支援純色和漸層色。
流光時間長度:設定流光的間隔時間長度,單位為秒(s)。


