排行榜一般反映指標在維度中的分布及排名順序,簡潔地展示TOP N的降序排行。例如,排行榜根據銷售額從大到小的順序展示TOP 10城市。本文為您介紹如何為排行榜添加數據并配置樣式。
效果圖
排行榜包含基礎排行榜和占比滾動排行榜,效果圖如下所示。
配置數據
以基礎排行榜為例為您介紹排行榜的數據配置。
在組件庫區域的圖表中,找到基礎排行榜并拖至畫布中。
單擊請選擇數據集,并按照下圖指引,添加數據。
您還可以對數據進行以下操作:
配置樣式
以基礎排行榜為例為您介紹排行榜的樣式配置。
位置和尺寸
您可以在配置區對組件進行如下設置:
調整組件的對齊方式(①):支持左對齊、居中和右對齊等。
調整組件的尺寸(②):以左上角為原點,設置X和Y軸的值,調整位置。
調整組件的角度(③):設置旋轉角度的值。
調整組件的大小(④):設置W和H的值,調整組件的寬度和高度。
鎖定組件(⑤):鎖定組件后,無法調整組件的大小。
調整透明度(⑥):設置組件的透明度。
行列設置
您可以在行列設置區域,進行如下設置:
設置排行榜的行數、列數(①、②)。
設置排行榜行、列間距值(③、④)以及行內的左、右邊距(⑤,⑥)。
序號
您可以在序號區域,設置序號的文本樣式、圖標大小、圓角半徑、背景顏色以及Top 3的樣式。
行標題
您可以在行標題區域,設置行標題的文本顏色、大小、粗體或斜體。
指標
您可以在指標區域,進行如下操作:
前綴與后綴:設置主指標(①)和輔助指標(②)的前后綴顯示名稱(③、④)。
最小寬度:設置指標與行標題之間的最小寬度(⑤)。
文本:設置指標文本的顏色、大小、粗體或斜體。
占比條
您可以在占比條區域,設置占比條的高度、占比條顏色和背景顏色。
修飾圖
您可以在修飾圖區域,設置修飾圖大小和圓角半徑。
分割線
您可以在分割線區域,設置分隔線的高度、顏色和左右邊距。
動畫效果
您可以在動畫效果區域,設置排行榜的動畫效果。支持的操作如下:
開啟縱向滾動:設置排行榜縱向滾動的行數以及滾動的時間間隔(①、②)。
開啟行標題橫向滾動:設置行標題橫向滾動的速度以及滾動間距(③)。
開啟占比條流光效果:設置占比條流光效果的顏色以及時長(④)。
開啟分隔線流光效果:設置分隔線流光效果的顏色以及時長(⑤)。
條件格式
您可以在條件格式區域,設置排行榜度量的條件格式,說明如下:
請選擇系列:添加到指標/度量區域的度量項均可選擇。
快捷樣式:從指定的樣式中,設置標記圖標和字體顯示顏色。
自定義樣式:自定義文本和圖標樣式,并設置條件選擇、標記圖標、范圍值和字體顯示顏色等。
自定義文本:可支持自定義設置條件值、前景色。
自定義圖標:支持自定義設置條件值、組合樣式。
同步樣式到:同步當前的條件格式到其他度量指標中。