矩形塊圖

1.1 應用場景

矩形塊圖以矩形塊的形式展示不同資料點的分佈情況，矩形塊圖可以透過顏色或矩形塊的大小來展示對應指標值的大小。例如，展示不同存取平台、存取階段的存取時間分佈，存取時間約長，顏色越深。如下圖所示： 

1.2 功能簡介

可一目瞭然的看出使用者在不同平台下的哪個階段存取的時間最長。

2.1 準備資料

1）管理者進入系統，點選「我的分析」，選中某個資料夾，點選「建立分析主題」。如下圖所示：

2）點選「本地Excel檔案>上傳資料」，上傳表資料。如下圖所示：

範例資料：存取階段統計事實.xlsx

3）上傳後，點選「確定」按鈕。如下圖所示：

2.2 新增組件

點選左下角「組件」按鈕。如下圖所示：

2.3 生成圖表

使用自訂圖表製作矩形塊圖。

1）選擇「自訂圖表」，在圖形屬性下的形狀選擇欄選擇「矩形塊」。拖拽維度下的欄位「存取平台」至橫軸，「存取最後階段」欄位至縱軸，如下圖所示：

2）此時圖表預覽處即出現矩形塊的顯示，但該矩形塊未顯示分佈在存取階段和平台的存取時間，因此，我們將指標下的「總停留時間」欄位拖入「圖形屬性」中的「顏色」下，表示圖表中的顏色根據存取的停留時間顯示。如下圖所示：

注：除了將「總停留時間」指標欄位放在「顏色」屬性中，也可將其放在「大小」屬性中，表示圖表中矩形塊的大小根據存取的停留時間顯示。如下圖所示：

2.4 組件美化

「圖形屬性」中選擇「顏色」，調整顏色「漸變方案」為「現代」，如下圖所示：

在「組件樣式」下切換「自適應顯示」規則為「整體適應」，即可在圖表預覽處看到建立好的矩形塊圖整體效果，如下圖所示：

注：矩形塊圖支援顏色、大小、標籤、提示、細粒度、組件樣式等的設定。詳細請參考圖形屬性和圖表組件樣式

2.5 效果查看

2.5.1 PC 端

如下圖所示：

2.5.2 行動端

App 及 HTML5 端效果如下圖所示：

3.1 交換橫縱軸的欄位

圖表支援交換橫縱軸的欄位顯示，點選橫縱軸處的「交換橫縱軸的欄位」按鈕即可。效果如下圖所示：

3.2 多個維度/指標情況

橫縱軸同樣支援拖入多個欄位多維度多指標展示，比如再按照年份展示分佈情況。

將「統計日期」拖入存取階段之前的位置，並設定為按「年」分組。如下圖所示：

設定後，效果如下圖所示：