矩形樹圖

1.1 版本

1.1 應用場景

矩形樹圖（Treemap），也稱為嵌套矩形圖，是一種用於展示層次結構資料的視覺化方法。它透過遞迴地將一個矩形分割成更小的矩形，每個小矩形的面積或顏色深淺來表示資料的大小或密度。

例如，用矩形樹圖展示公司各部門各小組人數的情況，同一種顏色表示一個部門，同一種顏色的每一個方塊代表一個小組，某部門某小組的人數的多少和分佈可以透過矩形塊的大小直覺展示，如下圖所示：

1.3 基本要求

矩形樹圖的基本要求：

1.4 圖表特點

1）優點

• 顯示層次結構：矩形樹圖非常適合展示具有嵌套或層次結構的資料，如組織結構、目錄樹等

• 面積編碼：每個子項的矩形大小與其資料值成比例，可以直覺地比較不同項之間的相對大小

2）缺點

• 複雜性：對於層次過多或分支過細的資料，矩形樹圖可能會變得複雜且難以解讀
  

• 不適合所有資料：對於非層次化資料或需要展示精確數值的資料集，矩形樹圖可能不是最佳選擇

2.1 準備資料

範例資料：範例資料.xlsx

上傳下載的範例資料。如下圖所示：

2.2 建立組件

1）點選左下角「組件」按鈕。

2）圖表類型下選擇「矩形樹圖」。

3）將左側待分析區域的「部門」拖入「圖形屬性」下的顏色欄，「人數」拖入大小欄，「小組」拖入標籤欄，如下圖所示：

• 透過不同的顏色表示不同的部門

• 透過矩形的大小展示各小組人數多少

• 透過標籤展示各小組的資訊以及控制圖表細粒度

注：此處矩形樹圖的排列邏輯為：從左上到右下，依次表示數值從大到小。在沒有大小比較時，排列順序為總是選擇矩形塊長寬比接近於1的方式排布，排序方式預設，不支援更改。

2.3 美化組件

點選「圖形屬性」下的顏色設定按鈕，在彈出的設定框中選擇配色方案為「高雅」，如下圖所示：

更多顏色、標籤、提示、細粒度等設定，詳情參見：圖形屬性 

更多圖例、網格線、背景、自適應顯示等設定，詳情參見：圖形組件樣式 

2.4 建立儀表板

1）點選分析主題編輯介面下方新增儀表板。

2）進入儀表板編輯介面，將組件拖入至儀表板中，如下圖所示：

3）下拉選擇「編輯標題」，樣式選擇「自訂」，設定標題為「矩形樹圖」，點選「確定」。如下圖所示：

2.5 效果預覽

1）PC端

2）行動端