历史版本13 :百分比堆积面积图 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

有的时候我们需要展示部分与整体的关系,我们会用到百分比堆积面积图,如下图所示:
222

1.2 实现思路

使用内置数据集建立一张人口数量表,通过百分比堆积面积图的数据集数据来展示出我们想要的效果。

2. 示例编辑

2.1 数据准备

1)新建普通报表,添加内置数据集 population,分别记录每 50 年各大洲的人口数量,如下图:

图片.png

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

图片.png

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

2.2 插入图表

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

2)弹出图表向导对话框,下拉到底部选择 百分比堆积面积图 ,点击 确定  ,如下图:
图片.png

2.3 图表设置

2.3.1 数据源设置

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

2.3.2 图表样式设置

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

图片.png

2)选择样式>坐标轴>Y 轴,标题填写 Ten thousand,如下图所示:
图片.png

3)选择特效>条件显示,添加一个新的条件属性,属性里增加标记点,依次添加系列序号 2、3、4 的标记点类型,如下图:

图片.png

4)设置系列序号为 1,

图片.png

5)标记点属性如下:

图片.png

6)依次添加系列序号 2、3、4 的标记点类型,如下图所示:

图片.png

注:在依次添加的过程中,可在上图 类型 栏中选择不同的符号,在效果预览时有助于图表的美观

按照需要可在图表属性表中进一步设置图表样式,例如调整坐标轴标题的方向,字体大小颜色,这里不再一一介绍。

2.4 效果预览

1) PC端

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

图片.png

2)移动端

1591949242127595.jpg

3. 模板下载编辑

已完成模板可参考%FR_HOME%\webroot\WEB-INF\reportlets\doc\Advanced\Chart\AreaChart\ 百分比堆积面积图.cpt

点击下载模板:

百分比堆积面积图.cpt