熱門排行榜一般反映指標在維度中的分布及排名順序,簡潔地展示TOP N的降序排行。例如,熱門排行榜根據銷售額從大到小的順序展示TOP 10城市。本文為您介紹如何為熱門排行榜添加資料並配置樣式。
效果圖
熱門排行榜包含基礎熱門排行榜和佔比滾動熱門排行榜,效果圖如下所示。
配置資料
以基礎熱門排行榜為例為您介紹熱門排行榜的資料配置。
在組件庫地區的圖表中,找到基礎熱門排行榜並拖至畫布中。

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

您還可以對資料進行以下操作:
配置樣式
以基礎熱門排行榜為例為您介紹熱門排行榜的樣式配置。
位置和尺寸
您可以在配置區對組件進行如下設定:
調整組件的對齊(①):支援靠左對齊、置中和靠右對齊等。
調整組件的尺寸(②):以左上方為原點,設定X和Y軸的值,調整位置。
調整組件的角度(③):設定旋轉角度的值。
調整組件的大小(④):設定W和H的值,調整組件的寬度和高度。
鎖定組件(⑤):鎖定組件後,無法調整組件的大小。
調整透明度(⑥):設定組件的透明度。

行列設定
您可以在行列設定地區,進行如下設定:
設定熱門排行榜的行數、列數(①、②)。
設定熱門排行榜行、列間距值(③、④)以及行內的左、右邊距(⑤,⑥)。

序號
您可以在序號地區,設定序號的文本樣式、表徵圖大小、圓角半徑、背景顏色以及Top 3的樣式。
列名
您可以在列名地區,設定列名的文本顏色、大小、粗體或斜體。
指標
您可以在指標地區,進行如下操作:
首碼與尾碼:設定主指標(①)和輔助指標(②)的前尾碼顯示名稱(③、④)。
最小寬度:設定指標與列名之間的最小寬度(⑤)。
文本:設定指標文本的顏色、大小、粗體或斜體。

佔比條
您可以在佔比條地區,設定佔比條的高度、佔比條顏色和背景顏色。
分割線
您可以在分割線地區,設定分隔線的高度、顏色和左右邊距。
動畫效果
您可以在動畫效果地區,設定熱門排行榜的動畫效果。支援的操作如下:
開啟縱向滾動:設定熱門排行榜縱向滾動的行數以及滾動的時間間隔(①、②)。
開啟列名橫向滾動:設定列名橫向滾動的速度以及滾動間距(③)。
開啟佔比條流光效果:設定佔比條流光效果的顏色以及時間長度(④)。
開啟分隔線流光效果:設定分隔線流光效果的顏色以及時間長度(⑤)。

條件式格式設定
您可以在條件式格式設定地區,設定熱門排行榜度量的條件式格式設定,說明如下:
請選擇系列:添加到指標/度量地區的度量項均可選擇。
快捷樣式:從指定的樣式中,設定標記表徵圖和字型顯示顏色。

自訂樣式:自訂文本和表徵圖樣式,並設定條件選擇、標記表徵圖、範圍值和字型顯示顏色等。
自訂文本:

自訂表徵圖:

同步樣式到:同步當前的條件式格式設定到其他度量指標中。
