柱形图-面积图

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