排行榜包含基礎排行榜和占比滾動排行榜，效果圖如下所示。

以基礎排行榜為例為您介紹排行榜的數據配置。

1. 在組件庫區域的圖表中，找到基礎排行榜并拖至畫布中。

2. 單擊請選擇數據集，并按照下圖指引，添加數據。

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

• 調整組件的對齊方式（①）：支持左對齊、居中和右對齊等。

• 調整組件的尺寸（②）：以左上角為原點，設置X和Y軸的值，調整位置。

• 調整組件的角度（③）：設置旋轉角度的值。

• 調整組件的大小（④）：設置W和H的值，調整組件的寬度和高度。

• 鎖定組件（⑤）：鎖定組件后，無法調整組件的大小。

• 調整透明度（⑥）：設置組件的透明度。

您可以在行列設置區域，進行如下設置：

• 設置排行榜的行數、列數（①、②）。

• 設置排行榜行、列間距值（③、④）以及行內的左、右邊距（⑤，⑥）。

您可以在序號區域，設置序號的文本樣式、圖標大小、圓角半徑、背景顏色以及Top 3的樣式。

您可以在行標題區域，設置行標題的文本顏色、大小、粗體或斜體。

您可以在指標區域，進行如下操作：

• 前綴與后綴：設置主指標（①）和輔助指標（②）的前后綴顯示名稱（③、④）。

• 最小寬度：設置指標與行標題之間的最小寬度（⑤）。

• 文本：設置指標文本的顏色、大小、粗體或斜體。

您可以在占比條區域，設置占比條的高度、占比條顏色和背景顏色。

您可以在修飾圖區域，設置修飾圖大小和圓角半徑。

您可以在分割線區域，設置分隔線的高度、顏色和左右邊距。

您可以在動畫效果區域，設置排行榜的動畫效果。支持的操作如下：

• 開啟縱向滾動：設置排行榜縱向滾動的行數以及滾動的時間間隔（①、②）。

• 開啟行標題橫向滾動：設置行標題橫向滾動的速度以及滾動間距（③）。

• 開啟占比條流光效果：設置占比條流光效果的顏色以及時長（④）。

• 開啟分隔線流光效果：設置分隔線流光效果的顏色以及時長（⑤）。

您可以在條件格式區域，設置排行榜度量的條件格式，說明如下：

• 請選擇系列：添加到指標/度量區域的度量項均可選擇。

• 快捷樣式：從指定的樣式中，設置標記圖標和字體顯示顏色。

• 自定義樣式：自定義文本和圖標樣式，并設置條件選擇、標記圖標、范圍值和字體顯示顏色等。

  • 自定義文本：可支持自定義設置條件值、前景色。

  • 自定義圖標：支持自定義設置條件值、組合樣式。

• 同步樣式到：同步當前的條件格式到其他度量指標中。