矩形樹圖

1.1 應用場景

矩形樹圖是用來描述層次結構資料的佔比關係，能夠進行逐級鑽取顯示下層資料情況。

例如展示合同金額的情況：同一種顏色表示一個年份，同一種顏色種的每一個方塊代表一類產品。哪一年哪一種產品的合同金額的大小可以透過矩形塊的大小直覺展示。效果如下圖所示：

1.2 基本要求

矩形樹圖的基本要求：

1.3 圖表特點

優點：展現具有層級關係的資料，能夠直覺體現同級之間的比較。

缺點：不適合層級關係不明確或分類較多的資料。

2.1 建立組件

1）點選「儀表板」 Tab ，選擇「建立儀表板」，點選「確定」，如下圖所示：

2）新增組件，選擇銷售DEMO下的 KPI 指標項，點選「確定」，如下圖所示：

3）將待分析區域維度下的合同簽約時間、產品名稱拖入維度中，將指標下的欄位合同金額拖入指標中：

4）在圖表型別下選擇「矩形樹圖」，選擇該圖表型別後，維度欄位按照順序被新增到細粒度中，指標欄位新增到大小屬性中。如下圖所示：

5）將細粒度欄中的「合同簽約時間」行動至顏色欄，點選下拉箭頭，切換至年顯示，如下圖所示：

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

2.2 圖形屬性設定

點選「顏色」的屬性設定，選擇配色方案，如下圖所示：

同時可設定 圖形屬性-大小、標籤、提示、細粒度等，詳情參見：圖形屬性 

組件的圖例、網格線、背景、自適應顯示等，詳情參見：圖表組件樣式 

2.3 效果預覽

2.3.1 PC 端

選擇對應儀表板，點選預覽，預覽效果如下圖所示：

2.3.2 行動端

App 與 HTML5 端效果，如下圖所示：

完成儀表板可參見：普通矩形樹圖