1. 概述
1.1 應用場景
組成瀑布圖適合展示總分結構或序列變化。比如下圖中我們可以清晰地看到各方面的支出情況,以及加起來的總支出,並可以看出其中伙食費和房租佔比最高。
1.2 實現思路
組成瀑布圖是由「堆積柱形圖」製作的,實現該圖的幾個要點如下:
原始資料均為正數,若有負數參考文檔:變化瀑布圖
除了「最初資料」和「最終資料」的柱子,其他資料需要「佔位」資料堆積顯示,佔位資料在圖表中需隱藏。
故首先需要使用公式處理資料,得出「佔位」資料,圖表則綁定儲存格資料;再在圖表中設定「特效>條件顯示」隱藏佔位資料。
2. 範例
2.1 準備資料
點選設計器左上角「檔案>建立普通報表」,建立內建資料集「本月支出明細」,資料如下圖所示:
2.2 設計表格
2.2.1 設定表格樣式
設計表格樣式如下圖所示:
其中 A2、B2 儲存格來自資料集,C2 儲存格為使用公式得出的輔助資料。具體設定如下表:
儲存格 | 設定 | 說明 |
---|---|---|
A2、B2 | 直接將資料欄拖入儲存格即可 | 縱向擴展的表格資料 |
C2 | 插入公式 =IF(&A2 = 1, 0, B2[A2:-1]+ C2[A2:-1]) | 佔位資料第一個值應該為 0 ,後面的值則應該為 B2 儲存格前面所有值累計的結果,所以需要使用層次座標實現 &A2 表示 A2 儲存格擴展後的位置序號,B2[A2:-1] 表示 A2 儲存格擴展出來的上一格中對應 B2 的值 |
設定完成後,先預覽一下報表,儲存報表點選「分頁預覽」,效果如下圖所示:
2.2.2 設定條件屬性
從上述預覽效果可以看到其中「總支出」的佔位資料並不為 0,但是我們需要的是「最初資料」和「最終資料」的佔位資料均為 0 ,所以這裏還需要對 C2 儲存格設定一個條件屬性。
選中 C2 儲存格,點選右側「條件屬性」,新增一個條件屬性,新值為整型 0,條件為公式條件 A2="總支出" ,最後點選「新增」按鈕。
再次預覽報表,「最終收入」的佔位資料即為 0,效果如下圖所示:
2.3 設定圖表
2.3.1 插入圖表
選中一片儲存格區域,合併儲存格後插入「堆積柱形圖」。如下圖所示:
2.3.2 綁定資料
選中圖表,點選「儲存格元素>資料」,綁定儲存格資料。
分類名為公式 =A2 ,即 A2 儲存格擴展出來的所有值
系列 1 的系列名直接輸入「佔位」,值為公式 =C2
系列 2 的系列名直接輸入「值」,值為公式 =B2
2.3.3 設定圖表樣式
1)圖表標題
點選「樣式>標題」,輸入標題為「組成瀑布圖」。
2)取消圖例
點選「樣式>圖例」,取消勾選「圖例可見」。
3)設定圖表標籤
點選「樣式>標籤」,勾選「標籤可見」,內容顯示「通用>值」即可,位置選擇外側,開啟重疊調整。
4)設定條件顯示
點選「特效>條件顯示」,新增一個條件屬性,雙擊名稱將其重新命名為「佔位資料配色透明」。如下圖所示:
點選左側編輯按鈕進入配置介面,新增一個「配色」為透明的屬性,條件為 系列序號等於字串 1,即「佔位」系列。如下圖所示:
2.4 隱藏表格
完成所有設定後,選中表格所在列,滑鼠右鍵按列序號,將表格隱藏
2.5 效果預覽
2.5.1 PC 端
儲存報表,點選「分頁預覽」,效果如 1.1 節應用場景所示。
2.5.2 行動端
App 端和 HTML5 端均支援,效果如下圖所示:
3. 範本下載
點選下載範本:組成瀑布圖.cpt