全部產品
Search
文件中心

Quick BI:熱門排行榜

更新時間:Jun 30, 2024

熱門排行榜一般反映指標在維度中的分布及排名順序,簡潔地展示TOP N的降序排行。例如,熱門排行榜根據銷售額從大到小的順序展示TOP 10城市。本文為您介紹如何為熱門排行榜添加資料並配置樣式。

效果圖

熱門排行榜包含基礎熱門排行榜和佔比滾動熱門排行榜,效果圖如下所示。效果圖

配置資料

基礎熱門排行榜為例為您介紹熱門排行榜的資料配置。

  1. 在組件庫地區的圖表中,找到基礎熱門排行榜並拖至畫布中。熱門排行榜

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

您還可以對資料進行以下操作:欄位設定

配置樣式

基礎熱門排行榜為例為您介紹熱門排行榜的樣式配置。

位置和尺寸

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

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

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

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

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

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

  • 調整透明度(⑥):設定組件的透明度。

位置和尺寸

行列設定

您可以在行列設定地區,進行如下設定:

  • 設定熱門排行榜的行數、列數(①、②)。

  • 設定熱門排行榜行、列間距值(③、④)以及行內的左、右邊距(⑤,⑥)。

行列設定

序號

您可以在序號地區,設定序號的文本樣式、表徵圖大小、圓角半徑、背景顏色以及Top 3的樣式。序號設定

列名

您可以在列名地區,設定列名的文本顏色、大小、粗體或斜體。設定列名

指標

您可以在指標地區,進行如下操作:

  • 首碼尾碼:設定主指標(①)和輔助指標(②)的前尾碼顯示名稱(③、④)。

  • 最小寬度:設定指標與列名之間的最小寬度(⑤)。

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

指標

佔比條

您可以在佔比條地區,設定佔比條的高度、佔比條顏色和背景顏色。設定佔比條

分割線

您可以在分割線地區,設定分隔線的高度、顏色和左右邊距。設定分隔線

動畫效果

您可以在動畫效果地區,設定熱門排行榜的動畫效果。支援的操作如下:

  • 開啟縱向滾動:設定熱門排行榜縱向滾動的行數以及滾動的時間間隔(①、②)。

  • 開啟列名橫向滾動:設定列名橫向滾動的速度以及滾動間距(③)。

  • 開啟佔比條流光效果:設定佔比條流光效果的顏色以及時間長度(④)。

  • 開啟分隔線流光效果:設定分隔線流光效果的顏色以及時間長度(⑤)。

動畫配置項

條件式格式設定

您可以在條件式格式設定地區,設定熱門排行榜度量的條件式格式設定,說明如下:

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

  • 快捷樣式:從指定的樣式中,設定標記表徵圖和字型顯示顏色。image.png

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

    • 自訂文本image.png

    • 自訂表徵圖image.png

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