1. 概述
1.1 应用场景
有时候用户想要将面积图的线型改为垂直或曲线，那么该如何设置可以实现如下图所示的效果呢？
垂直面积图：
曲线面积图：
1.2 实现思路
图表属性面板的样式>系列下，可以修改线条的形态，如下图所示：
1.3 应用实例
决策报表中可使用 组件复用 功能，下载安装组件后，直接替换数据即可快速复用组件样式，实现阶梯面积图的效果。
更多组件示例，可参见 帆软市场-组件 / 设计器→在线组件库。
| 组件下载链接 | 描述 | 效果图 |
|---|---|---|
| 阶梯面积图-未来风 | 面积图可用于强调数量随时间而变化的程度，也可用于引起人们对总值趋势的注意。最常用于表现趋势和关系,而不是传达特定的值 | |
| 阶梯面积图-炫丽风 | |
2. 示例
2.1 准备数据
新建普通报表，添加内置数据集 Embedded1，分别记录一周内的学习时间，如下图所示：
2.2 插入图表
1）合并一片区域单元格，设计器菜单栏点击 插入>单元格元素>插入图表，如下图所示：
2）弹出的图表类型对话框选择面积图，如下图所示：
2.3 绑定图表数据
选中面积图，右侧图表属性面板选择数据，设置如下图所示：
2.4 设置图表样式
1）选择 样式>标题 ，设置标题内容，如下图所示：
注：曲线面积图同理修改标题为曲线面积图。
2） 选择 样式>系列 >线>形态 ，选择 垂直 ，如下图所示：
3） 如果是曲线图，步骤同上，选择 曲线 ，如下图所示：
2.5 效果预览
2.5.1 PC 端
保存模板，点击分页预览，效果如下图所示：
垂直面积图：
曲线面积图：
2.5.2 移动端
垂直面积图：
曲线面积图：
3. 模板下载
已完成模板参见：
%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\AreaChart\垂直面积图.cpt
%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\AreaChart\曲线面积图.cpt
点击下载模板：