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

目录:

1. 概述编辑

1.1 应用场景

有时候用户想要将面积图的线型改为垂直或曲线，那么该如何设置可以实现如下图所示的效果呢？

  • 垂直面积图：

图片.png

  • 曲线面积图：

图片.png

1.2 实现思路

图表属性面板的样式>系列下，可以修改线条的形态，如下图所示：

1616396710745938.png

2. 示例编辑

2.1 准备数据

新建普通报表，添加内置数据集 Embedded1，分别记录一周内的学习时间，如下图所示：

图片.png

2.2 插入图表

1）合并一片区域单元格，设计器菜单栏点击 插入>单元格元素>插入图表，如下图所示：

图片.png

2）弹出的图表类型对话框选择面积图，如下图所示：

图片.png

2.3 绑定图表数据

选中面积图，右侧图表属性面板选择数据，设置如下图所示：

2.4 设置图表样式

1）选择 样式>标题 ，设置标题内容，如下图所示：

注：曲线面积图同理修改标题为曲线面积图。

2） 选择  样式>系列 >线>形态 ，选择 垂直 ，如下图所示：

 3） 如果是曲线图，步骤同上，选择 曲线 ，如下图所示：

2.5 效果预览

2.5.1 PC 端

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

  • 垂直面积图：

图片.png

  • 曲线面积图：

图片.png

2.5.2 移动端

  • 垂直面积图：

1592012155423052.jpg

  • 曲线面积图：

1592012208555923.jpg

3. 模板下载编辑

已完成模板参见：

%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Chart\AreaChart\垂直面积图.cpt

%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Chart\AreaChart\曲线面积图.cpt

点击下载模板：

垂直面积图.cpt

曲线面积图.cpt