全部產品
Search
文件中心

Quick BI:進度條

更新時間:Jun 30, 2024

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

效果圖

效果圖

配置資料

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

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

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

    配置資料

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

配置樣式

位置和尺寸

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

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

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

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

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

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

位置和尺寸

進度條

進度條地區,您可以修改進度條的佔比條顏色(①)、背景顏色(②)以及圓角半徑(③)。進度條

資料標籤

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

  • 顯示進度值佔比:設定進度值佔比的小數位(①)、展示的位置(跟隨進度條或進度條外)、左邊距(與進度條之間的距離)以及文本樣式。

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

資料標籤

動效

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

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

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

動效