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
点击下载模板:
垂直面积图.cpt
曲线面积图.cpt