變化瀑布圖

1.1 應用場景

變化瀑布圖可以清晰地反映某項資料經過一系列增減變化後，最終成為另一項資料的程式。

例如一個月的收入減去各類支出後，得出最終收入。如下圖所示：

1.2 實現思路

變化瀑布圖是由「堆積柱形圖」製作的，實現該圖的幾個要點如下：

• 原始資料包含正負兩種資料時，需將負數轉化為「絕對值」再在柱形圖中使用

• 除了「最初資料」和「最終資料」的柱子，其他資料需要「佔位」資料堆積「絕對值」顯示，佔位資料在圖表中需隱藏，顯示的資料即為「絕對值」。

故首先需要使用公式處理資料，得出「絕對值」和「佔位」資料，圖表則綁定儲存格資料；再在圖表中設定「特效>條件顯示」隱藏佔位資料，並改變不同分類的顏色。

2.1 準備資料

點選設計器左上角「檔案>建立普通報表」，建立內建資料集「本月收入支出」，收入用正整數表示，支出用負整數表示。資料如下圖所示：

2.2 設計表格

2.2.1 設定表格樣式

設計表格樣式如下圖所示：

其中 A2、B2 儲存格來自資料集，C2、D2、E2 儲存格均為使用公式得出的輔助資料。具體設定如下表：

設定完成後，先預覽一下報表，儲存報表點選「分頁預覽」，效果如下圖所示：

2.2.2 設定條件屬性

從上述預覽效果可以看到其中「最終收入」的佔位資料並不為 0，但是我們需要的是「最初資料」和「最終資料」的佔位資料均為 0 ，所以這裏還需要對 E2 儲存格設定一個條件屬性。

選中 E2 儲存格，點選右側「條件屬性」，新增一個條件屬性，新值為整數型態 0，條件為公式條件 A2="最終收入" ，最後點選「增加」按鈕。

再次預覽報表，「最終收入」的佔位資料即為 0，效果如下圖所示：

2.3 設定圖表

2.3.1 插入圖表

選中一片儲存格區域，合併儲存格後插入「堆積柱形圖」。如下圖所示：

2.3.2 綁定資料

選中圖表，點選「儲存格元素>資料」，綁定儲存格資料。

• 分類名為公式 =A2 ，即 A2 儲存格擴展出來的所有值

• 系列 1 的系列名直接輸入「佔位」，值為公式 =E2 

• 系列 2 的系列名直接輸入「絕對值」，值為公式 =C2 

2.3.3 設定圖表樣式

1）圖表標題

點選「樣式>標題」，輸入標題為「變化瀑布圖」。

2）取消圖例

點選「樣式>圖例」，取消勾選「圖例可見」。

3）設定圖表標籤

點選「樣式>標籤」，勾選「標籤可見」，內容顯示「通用>值」即可，位置選擇外側，開啟重疊調整。

4）設定條件顯示

點選「特效>條件顯示」，新增 3 個條件屬性，雙擊名稱將其重新命名。如下圖所示：

• 支出顯示紅色：新增一個「配色」為紅色的屬性，條件為 分類名包含字串支出。如下圖所示：

• 收入顯示綠色：新增一個「配色」為綠色的屬性，條件為 分類名包含字串收入。如下圖所示：

• 佔位資料配色透明：新增一個「配色」為透明的屬性，條件為 系列序號等於字串 1，即「佔位」系列。如下圖所示：
  

2.4 隱藏表格

完成所有設定後，選中表格所在列，滑鼠右鍵按列序號，將表格隱藏

2.5 效果預覽

2.5.1 PC 端

儲存報表，點選「分頁預覽」，效果如 1.1 節應用場景所示。

2.5.2 行動端

App 端和 HTML5 端均支援，效果如下圖所示：

變化瀑布圖(累計存在負數).cpt