堆積柱形圖

1.1 版本

1.2 應用場景

堆積柱形圖將每根柱子進行分割，可以顯示大類目下的細分類目佔比情況。它既可以直覺地看出每個指標的值，還能夠反映出維度總和。可應用在：

• 展示某網際網絡產品在一週內由不同渠道獲得的流量對比。

• 銷售部有 3 個部門：銷售部門 A 、銷售部門 B 、銷售部門 C ，需要統計銷售部各個部門的貢獻成分及變化。

1.3 基本要求

透過將維度欄位拖入顏色欄，也可實現堆積。詳情請參見：圖表顏色 文檔的 3.6 節內容。

1.4 图表特点

優點：清晰的看出每個維度下不同指標的大小，也可以比較出不同維度類別的資料量差距。

缺點：只適用於維度不多的資料，不適用於維度太多的場景。

2.1 上傳資料

1）下載範例資料：週流量資料.xlsx

2）點選「資料準備」，進入任意一個業務包內，點選「新增表>Excel資料集」。如下圖所示：

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

2.2 新增組件

建立儀表板 ，點選「新增組件」，找到「週流量資料」表並選中。如下圖所示：

2.3 生成圖表

將「星期」欄位拖入維度欄中，將指標下的欄位「直接存取、郵件營銷、聯盟廣告、視頻廣告、搜尋引擎」按順序置入指標欄中，在圖表型別下選擇「堆積柱形圖」。如下圖所示：

注：「堆積柱形圖」必須在橫縱軸中有大於等於 1 個維度、大於等於 2 個指標欄位才能選擇，否則圖表型別下的堆積柱形圖將灰化無法點選。

2.4 按照星期排序

2.4.1 方法一：自訂排序

滑鼠懸浮在橫軸上的「星期」欄位上，點選右側倒三角符號，設定自訂排序。如下圖所示：

2.4.2 方法二：透過序號欄位實現排序

1）將「序號」欄位拖入「細粒度」欄。如下圖所示：

注：此步驟不影響圖表顯示效果，將欄位拖入細粒度是因為排序依賴的指標欄位必須在分析區域。

2）滑鼠懸浮在橫軸上的「星期」欄位上，點選右側倒三角符號，選擇「升冪>序號(求和)」。如下圖所示：

2.5 美化圖表

在「全部」中設定的圖形屬性對所有指標生效；在單個指標中設定的圖形屬性只對該指標生效。

2.5.1 設定標籤

1）將指標欄位「直接存取、郵件營銷、聯盟廣告、視頻廣告、搜尋引擎」指標依次拖入圖形屬性中與它們名稱相同的下拉欄的「標籤」中。如下圖所示：

注：修改標籤字體樣式、顏色等請參見：圖表標籤  3.1 節內容。

2）點選「全部」下的標籤欄，設定標籤置中顯示。如下圖所示：

2.5.2 設定顏色

點選「全部」下的顏色欄，配色方案選擇「淡雅淺綠」。如下圖所示：

注：更多樣式設定請參見：圖形屬性、圖形組件樣式；坐標軸設定請參見：圖表設定分類軸、圖表設定值軸

2.6 效果查看

2.6.1 PC 端

如下圖所示：

2.6.2 行動端

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

問題描述

若出現指標為 0 的情況，在堆積柱形圖中也會顯示，如下圖所示：

解決方案

將 0 轉換為 null 值即可。

可在儀表板「新增計算指標」，使用公式實現。例如，將「回款」和「金額」使用計算指標去除 0 ，形成新的指標「回款1」和「金額1」，如下圖所示：

效果預覽

再使用「回款1」和「金額1」做堆積，實現效果如下圖所示：