柱形圖-面積圖

1.1 版本

1.2 應用場景

柱形圖-面積圖是由寬度相同的柱形的高度或長短來表示資料多少的柱形圖，以及強調數量隨時間而變化的程度的面積圖，兩者組合起來的一種組合圖表類型。

柱形圖-面積圖適可以直覺地表示資料量的大小並進行比較，可以比較明顯地顯示出各資料之間的比例差異，也可以顯示部分與整體的關係。

柱形圖-面積圖展示效果如下圖所示：

1.3 圖表特點

優點：簡單直覺，不僅適合比較各組資料之間的差別，也能很好的展現沿某個維度的變化趨勢，比較多組資料在同一個維度上的趨勢。

2.1 準備資料

建立一個內建資料集，如下圖所示：

2.2 插入圖表

合併一片區域儲存格，點選上方工具欄插入圖表按鈕，選擇「組合圖>柱形圖-面積圖」，如下圖所示：

2.3 設計圖表

選中圖表，點選右側屬性面板「儲存格元素」，可設定圖表的各個屬性：類型、資料、樣式、特效。

2.3.1 圖表類型

選中圖表所在儲存格，點選右側「儲存格元素>類型」可查看和選擇圖表類型。

2.3.2 綁定資料

選擇「資料」，綁定柱形圖-面積圖資料，如下圖所示：

2.3.3 設計樣式

柱形圖-面積圖基礎樣式只需要改個標題，其餘預設設定即可。

在圖表樣式通用功能的基礎上，柱形圖、面積圖新增了堆積和坐標軸屬性自訂設定，如下所示：

注：柱形圖、面積圖兩者自訂設定項一致，此處介紹柱形圖。

1）坐標軸自訂

柱形圖-面積圖屬性面板的「樣式>坐標軸」下新增「新增坐標軸」按鈕，使用者可新增其他的X、Y軸，並對新座標的屬性進行設定。

2）柱形圖堆積自訂

新增的坐標軸需要對應到具體系列的值，「樣式>系列>柱形圖」下新增堆積和坐標軸功能，使用者可自訂坐標軸的堆積屬性和系列對應關係。

2.4 效果預覽

2.4.1 PC 端

儲存報表，點選「分頁預覽」，效果如下圖所示：

2.4.2 行動端

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

點選下載範本：柱形圖-面積圖範例.cpt