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

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

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

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

進度條
在進度條地區,您可以修改進度條的佔比條顏色(①)、背景顏色(②)以及圓角半徑(③)。
資料標籤
您可以在資料標籤地區,進行如下操作:
顯示進度值佔比:設定進度值佔比的小數位(①)、展示的位置(跟隨進度條或進度條外)、左邊距(與進度條之間的距離)以及文本樣式。
顯示當前值/目標值:設定當前值或目標值的展示名稱(②)、排序方式(左右或上下排列)、上邊距(與進度條之間的距離)以及文本樣式。

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

