1.概述
1.1 應用場景
柱形圖-面積圖是由寬度相同的柱形的高度或長短來表示數據多少的柱形圖，以及強調數量随時間而變化的程度的面積圖，兩者組合起來的一種組合圖表類型。
柱形圖-面積圖适可以直觀地表示數據量的大小并進行比較，可以比較明顯地顯示出各數據之間的比例差異，也可以顯示部分與整體的關系。
柱形圖-面積圖展示效果如下圖所示：
1.2 圖表特點
優點：簡單直觀，不僅适合比較各組數據之間的差别，也能很好的展現沿某個維度的變化趨勢，比較多組數據在同一個維度上的趨勢。
2. 屬性介紹
2.1 類型
以 單元格元素 或 懸浮元素 插入圖表時，圖表類型選擇柱形圖-面積圖，如下圖所示：
2.2 數據
柱形圖-面積圖需分别綁定柱形圖、面積圖的數據，數據綁定的詳細介紹可以參見文檔：圖表數據。
2.3 樣式
柱形圖-面積圖需分别設置柱形圖、面積圖的樣式，基礎樣式設計可以參見文檔：圖表樣式。
在圖表樣式通用功能的基礎上，柱形圖、面積圖新增了堆積和坐标軸屬性自定義設置，如下所示：
注：柱形圖、面積圖兩者自定義設置項一緻，此處介紹柱形圖。
1）柱形圖樣式>坐标軸下新增添加坐标軸按鈕，用戶可新增其他的X、Y軸，并對新坐标的屬性進行設置。
2）柱形圖樣式>系列下新增堆積和坐标軸功能，用戶可自定義坐标軸的堆積屬性和系列對應關系。
2.4 特效
柱形圖-面積圖特效設置的詳細介紹可以參見文檔：圖表特效。
3. 示例
3.1 報表設計
3.1.1 準備數據
新建數據集ds1、ds2，數據庫查詢語句如下：
ds1：SELECT 産品名稱, 訂購量, 再訂購量 FROM 産品 where 類别ID = 1
ds2：SELECT 産品名稱, 庫存量 FROM 産品 where 類别ID = 1
3.1.2 圖表插入
合并一片區域單元格，右鍵選擇 A1 單元格，選擇單元格元素>插入圖表>柱形圖-面積圖，如下圖所示：
3.1.3 數據綁定
綁定柱形圖-面積圖數據，如下圖所示：
3.1.4 樣式設計
柱形圖-面積圖基礎樣式只需要改個标題，其餘默認設置即可。
1）坐标軸自定義
柱形圖-面積圖屬性面板的樣式>坐标軸下新增添加坐标軸按鈕，用戶可新增其他的X、Y軸，并對新坐标的屬性進行設置。
2）柱形圖堆積自定義
新增的坐标軸需要對應到具體系列的值，樣式>系列>柱形圖下新增堆積和坐标軸功能，用戶可自定義坐标軸的堆積屬性和系列對應關系。
3）面積圖堆積自定義
新增的坐标軸需要對應到具體系列的值，樣式>系列>面積圖下新增堆積和坐标軸功能，用戶可自定義坐标軸的堆積屬性和系列對應關系。
3.2 效果預覽
1）PC端
保存報表，點擊分頁預覽，效果如下圖所示：
2）移動端
4. 模板下載
已完成模板可參見：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\BasicChart\柱形圖-面積圖.cpt
點擊下載模板：柱形圖-面積圖.cpt
