历史版本14 :多系列百分比堆积条形图 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 预期效果

制造业有不同的产线,产线上有不同的车间,每个车间生产不同质量等级的产品。当需要根据产线、产线下的车间分类,统计不同质量等级的产品,用于判断不同生产线、车间的生产状况时,可以通过多系列百分比堆积柱形图实现。如下图所示

 14.png

1.2 实现思路

交换分区柱形图横纵轴的字段,并开启堆积。

2. 示例数据编辑

示例数据下载:作图数据.xls

示例数据包含五个字段,字段说明如下表所示:

ChamberNumber    ENO2SystemUpdatedTime  指数值    等级
车间号产线系统更新时间数值产品质量等级

3. 方案一:使用计算指标编辑

3.1 上传数据

1)1)管理员进入系统,点击「我的分析」,选中某个文件夹,点击「新建分析主题」。如下图所示:

堆积面积图-1.jpg

2)点击「本地Excel文件>上传数据」,上传表数据。如下图所示:

堆积面积图-2.jpg

3)上传后,点击「确定」按钮。如下图所示:

多系列百分比堆积条形图-1.jpg

3.2 添加组件

点击左下角「组件」按钮。如下图所示:

多系列百分比堆积条形图-2.jpg

3.3 生成图表

3.3.1 添加计算字段

添加计算字段,命名为「计算指标」,值为SUM_AGG(指数值)/TOTAL(SUM_AGG(指数值),1,"sum")。如下图所示:

注:此处的「指数值」字段需要在字段栏选择填入公式,手动输入无效。

多系列百分比堆积条形图-3.jpg

公式介绍如下表所示:

公式说明备注
SUM_AGG(指数值)根据维度字段,返回「指数值」的汇总求和

SUM_AGG函数

TOTAL函数 

TOTAL(SUM_AGG(指数值),1,"sum")根据维度字段对「指数值」进行组内汇总求和

3.3.2 生成分区柱形图

在图表类型下选择「分区柱形图」,将「ENO2」和「ChamberNumber」字段(即产线与车间)拖入横轴,「计算指标」字段拖入纵轴。如下图所示:

多系列百分比堆积条形图-4.jpg

3.3.3 生成百分比堆积条形图

1)设置「计算指标」字段数值格式为百分比。步骤如下图所示:

1658481490409202.jpg

2)交换横纵轴字段。如下图所示:

多系列百分比堆积条形图-6.jpg

3)开启堆积。步骤如下图所示:

多系列百分比堆积条形图-7.jpg

4)将「等级」字段拖入颜色属性栏,此时每个车间按照质量等级显示指数值,不同等级显示的颜色不同。如下图所示:

多系列百分比堆积条形图-8.jpg

3.3.4 添加仪表板

新建仪表板,并将组件添加至仪表板。如下图所示:

1658482028504980.jpg

3.4 美化图表

3.4.1 设置标签

将「计算指标」字段拖入标签栏,点击「标签」栏,设置标签「居中」显示。如下图所示:

多系列百分比堆积条形图-9.jpg

3.4.2 设置颜色

点击「颜色」栏,配色方案选择「清新多彩」。如下图所示:

多系列百分比堆积条形图-10.jpg

3.5 效果查看

3.5.1 PC 端

如下图所示:

14.png

3.5.2 移动端

App 及 HTML5 端效果如下图所示:

2.jpg

4. 方案二:使用自助数据集编辑

参考本文 3.1 节内容,上传「作图数据」表。

4.1 创建自助数据集

1)复制「作图数据」表,并重命名表名为「百分比」,点击编辑按钮。如下图所示:

1658482311830138.jpg

2)字段全选。如下图所示:

1658482505566886.jpg

3)对数据进行分组汇总。如下图所示:

1658482811525217.jpg

4)组内求和,求每个车间下的指数值的和。如下图所示:

1658482938146705.jpg

5)新增列,求「指数值」在组内的占比,如下图所示:

多系列百分比堆积条形图-17.jpg

6)点击「保存并更新」按钮。如下图所示:

多系列百分比堆积条形图-18.jpg

4.2 添加组件

新建仪表板,点击「添加组件」,找到「百分比」表并选中。如下图所示:

21.png

4.3 生成图表

1)在图表类型下选择「分区柱形图」,将「ENO2」和「ChamberNumber」字段(即产线与车间)拖入横轴,「占比」字段拖入纵轴。如下图所示:

22.png

2)设置「占比」的数值格式为百分比。如下图所示:

23.png

3)交换横纵轴字段。如下图所示:

24.png

4)「占比」字段开启堆积。如下图所示:

25.png

5)将「等级」字段拖入颜色栏。如下图所示:

26.png

4.4 美化图表

4.4.1 设置标签

将「占比」字段拖入标签栏,点击「标签」栏,设置标签「居中」显示。如下图所示:

27.png

4.4.2 设置颜色

点击「颜色」栏,配色方案选择「清新多彩」。如下图所示:

28.png

4.5 效果查看

请参见本文 3.5 节内容。