最新历史版本 :范围面积图 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

面积图可设置为范围显示效果,如下图所示:
222

1.2 实现思路

图表添加条件属性,通过设置系列的填充颜色和线型实现范围面积效果。

2. 示例编辑

2.1 准备数据

新建普通报表,添加内置数据集 temperature,分别记录每天的最高和最低温度,如下图所示:

图片.png

2.2 插入图表

1)合并一片区域单元格,在设计器菜单栏点击插入>单元格元素>插入图表,如下图所示:

图片.png

2)弹出的图表类型对话框中选择堆积面积图,如下图所示:

图片.png

2.3 绑定图表数据

选中堆积面积图,在右侧属性面板中选择数据,设置如下图所示:

图片.png

2.4 设置图表样式

右侧属性面板选择样式>系列,关闭颜色的渐变风格,将面积中的填充色不透明度修改为 100,如下图所示:

Snag_2ed05a81.png

2.5 设置图表特效

1)属性面板选择特效>条件显示,添加一个新的条件属性,属性里增加填充颜色线型,如下图所示:
图片.png

2)填充颜色选择系列色,不透明度设置为 0,设置系列序号为 1,如下图所示:
图片.png

3)线型设置为,如下图所示:
图片.png

2.6 效果预览

1)PC端

保存模板,点击分页预览,效果如下图所示:

图片.png

2)移动端

1591940560310203.jpg

3. 模板下载编辑

已完成模板参见:%FR_HOME%\webroot\WEB-INF\reportlets\doc\Advanced\Chart\NewAreaChart\RangeAreachart.cpt

点击下载模板:范围面积图.cpt