历史版本6 :多层饼图层级联动 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1.概述编辑

1.1 应用场景

多层饼图指的是具有多个层级,且层级之间具有包含关系的饼状图表,支持钻取到对应层级的其他图表。

多层饼图适合展示具有父子关系的复杂树形结构数据,如区域数据,公司上下层级等等。

注:目前多层饼图只适用于数据全部为正数,如果出现负数,会当成正数聚合使用,请谨记!

多层饼图-层级序号钻取展示效果如下图所示:

2020-05-24_22-05-49.gif

1.2 图表特点

优点:能很直观的看到每一个部分在整体中所占的比例,支持数据钻取。

缺点:不适合较大的数据集(分类)展现,数据项中不能有负值,当比例接近时,人眼很难准确判别。

2. 示例编辑

2.1 报表设计

2.1.1 数据准备

新建数据查询 ds1,数据库查询语句如下:
SELECT * FROM 订单 where 货主国家='中国' limit 50

2020-05-13_19-05-50.png

2.1.2 插入图表

1)新建普通报表MultiLevelPie-fa.cpt,合并一片区域单元格,右键选择 A1 单元格,选择单元格元素>插入图表>多层饼图,如下图所示:

2020-05-13_19-15-22.png

2)新建普通报表MultiLevelPie-son.cpt,合并一片区域单元格,分别选择 A1、A13、A25 单元格,选择单元格元素>插入图表>柱形图,如下图所示:

2020-05-17_18-16-39.png

2020-05-24_21-49-40.gif

2.1.3 数据绑定

1)绑定MultiLevelPie-fa.cpt多层饼图的数据,如下图所示:

2020-05-19_22-00-55.png

2)绑定MultiLevelPie-son.cpt三个柱形图的数据,如下图所示:

2020-05-19_22-06-56.png

2.1.4 样式设计(MultiLevelPie-fa.cpt)

1)选择样式>标签,为了清楚的显示饼图对应的系列,可勾选牵引线,具体设置如下图所示:

2020-05-19_22-15-07.png

注:多层饼图的牵引线设置/标签显示在外部只对最外层生效,内部层级标签强制显示在内部。

2)选择样式>系列,默认内径占比为 0 ,开启钻取,如下图所示:

2020-05-19_22-18-14.png

注1:当设置内径时,去除内径大小外,所有的层级均分整体半径。

注2:钻取之后,无论是否设置了内径,中间的饼图半径占整体半径的 50%,其余层级均分剩余的半径。

注3:点击中心白色圆圈,即可返回上一层。

2.1.5 报表条件属性设计(MultiLevelPie-son.cpt)

1)选择各地区平均运货费分析柱形图,添加条件属性,设置行高为 0 ,配置参数 a=2 or a=3 ,如下图所示:

2020-05-19_22-21-43.png

2)选择各省份平均运货费分析柱形图,添加条件属性,设置行高为 0 ,配置参数 a=1 or a=3 ,如下图所示:

2020-05-19_22-25-35.png

3)选择各城市平均运货费分析柱形图,添加条件属性,设置行高为 0 ,配置参数 a=1 or a=2 ,如下图所示:

2020-05-19_22-29-03.png


2.2 多层饼图超链设置(MultiLevelPie-fa.cpt)

点击报表MultiLevelPie-fa.cpt,选择特效>超级链接,添加链接,选择网络报表,选择/MultiLevelPie-son.cpt,参数名需跟MultiLevelPie-son.cpt的参数对应,如下图所示:
2020-05-19_22-33-10.png

2.3 效果预览

1)PC端

保存模板,点击分页预览,点击对应层级显示该层级的平均运货费分析柱形图,如下图所示:

2020-05-24_22-05-49.gif

2)移动端

2020-05-24_22-03-08.gif


3. 模板下载编辑

1)多层饼图

点击下载模板:MultiLevelPie-fa.cpt

2)运货费柱状图

点击下载模板:MultiLevelPie-son.cpt