历史版本12 :垂直和曲线面积图 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

有的时候我们需要展示一些特殊的面积图,使用垂直和曲线面积图,能很直观的展示我们所要的效果,如下图:
图片.png

图片.png

1.2 实现思路

使用内置数据集建立一张日程表,通过面积图的数据集数据以及系列中的形态选择来展示图表的内容。

2. 示例编辑

2.1 数据准备

1)新建普通报表,添加内置数据集Embedded1,分别记录在一周内的学习时间,如下图:

图片.png

2)内置数据集表格设置如下:

图片.png

表格设计请参考 内置数据集


2.2 插入图表

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

图片.png

2)弹出图表向导对话框,下拉到底部选择 面积图 ,点击 确定  ,如下图:

图片.png

2.3 图表设置

2.3.1 数据源设置

鼠标双击选中面积图,在右侧图表属性表中选择  数据 ,设置如下图:

图片.png

2.3.2 图表样式设置

1)选择 样式>标题 ,设置标题内容,如下图所示:

图片.png

注:标题修改为 曲线面积图  与上图方法相同

2) 选择  样式>系列 >线>形态 ,选择 垂直 ,如下图:

图片.png

 3) 如果是曲线图,步骤同上,选择 曲线 ,如下图:

图片.png

2.4 效果预览

1)PC端

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

图片.png

图片.png

2)移动端

1592012155423052.jpg

1592012208555923.jpg

3.模板下载编辑

已完成模板可参考 %FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\AreaChart\曲线面积图.cpt

点击下载模板:

垂直曲线面积图-垂直面积图.cpt

垂直曲线面积图-曲线面积图.cpt