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

目录:

1. 概述编辑

1.1 应用场景

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

1.2 图表特点

可以显示每个数值所占百分比随时间或类别变化的趋势线,重点强调百分比的变化趋势。

2. 示例编辑

2.1 准备数据

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

图片.png

2.2 插入图表

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

2)弹出的图表类型对话框选择百分比堆积面积图,如下图所示:
图片.png

2.3 绑定图表数据

选中面积图,右侧图表属性面板中选择 数据 ,设置如下图所示:
1616396275458349.png

2.4 设置图表样式

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

图片.png

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

2.5 设置图表特效

1)选择特效>条件显示,添加一个新的条件属性,属性里增加标记点,如下图所示:

图片.png

2)设置系列序号为 1,如下图所示:

图片.png

3)标记点属性如下:

图片.png

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

图片.png

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

2.6 效果预览

2.6.1 PC 端

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

图片.png

2.6.2 移动端

App 端和 HTML5 端均支持,效果如下图所示:

1591949242127595.jpg

3. 模板下载编辑

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

点击下载模板:百分比堆积面积图.cpt