历史版本4 :图表指标聚合/并列 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

在同一轴上,如果有多个指标字段,则可设置指标字段是指标并列或者指标聚合,分别表示指标的并列显示和聚合显示。

  • 指标并列:每个指标字段分别对应一个值轴,如下图所示:

2020-11-04_17-10-01.png

  • 指标聚合:所有指标点显示在同一坐标系内,可设置指标字段采用左值轴或者右值轴,如下图所示:

2020-11-04_17-10-15.png

1.2 功能简介

满足多个指标共同展示的需求。

2. 指标并列编辑

使用 demo 数据中「互联网行业」下的「互联网地区访问统计」表,制作示例组件。

2.1 制作组件

2.1.1 新建仪表板

组件布局在仪表板上,首先打开「仪表板」目录,「新建仪表板」,如下图所示:

2.1.2 添加组件

1)新建仪表板后,进入仪表板编辑界面,「添加组件」,如下图所示:

2)使用 demo 数据中「互联网行业」下的「互联网地区访问统计」表,制作示例组件。如下图所示:

2.1.3 制作分区柱状图

选择图表类型「分区柱状图」,并从左侧依次拖入字段,制作分区柱状图,如下图所示:

2020-11-04_14-55-35.png

2.1.4 组件美化

1)在「图形属性」中,更改「全部」柱形图的「颜色」,如下图所示:

2020-11-04_16-08-54.png

2)设置柱形图「大小」,「柱宽」调至最宽,如下图所示:

2020-11-04_16-29-33.png

3)在「组件样式」设置下,设置为「整体适应」,如下图所示:

2020-11-04_16-29-57.png

2.2 设置指标并列

指标并列表示各个指标字段的分值轴展示。

例如,我们在纵轴中添加了访问统计事实表中的浏览量访问次数跳出次数三个指标字段,并为纵轴选择指标并列的显示方式。如下图所示:

注:默认状态下,分区柱形图「指标并列」展示。

2020-11-04_16-11-50.png

2.3 效果查看

设置后可以看到图表中的柱形图中,浏览量访问次数跳出次数分三个值轴展示,且三个值轴互相之间没有关系。实现效果如下图所示:

2020-11-04_16-12-25.png

3. 指标聚合编辑

使用与指标并列相同的 demo 数据中「互联网行业」下的「互联网地区访问统计」表,制作示例组件。

3.1 制作组件

步骤同上,参考本文 2.1 节。

3.2 设置指标聚合

指标聚合表示所有指标显示在同一值轴上。例如,我们在纵轴中添加了访问统计事实表中的浏览量访问次数跳出次数三个指标字段,并为「纵轴」选择「指标聚合」的显示方式。如下图所示:

2020-11-04_16-59-39.png

3.3 效果查看

可以看到图表中的柱形图中,浏览量访问次数跳出次数在一个值轴上展示。实现效果如下图所示:

2020-11-04_17-00-19.png

4. 其它场景编辑

4.1 轴逆序设置

4.1.1 效果预览

可查看两个指标的总体情况对比,如下图所示:

2020-11-04_17-20-25.png

4.1.2 操作步骤

1)在制作完组件后,取消柱形图柱间距,并设置「整体适应」,如下图所示:

2020-11-04_17-23-58.png

2)对「跳转次数」设置轴逆序。

可单独对每一个值轴进行设置,对其他的没有任何影响。我们对跳出次数的值轴进行设置,选择跳出次数下拉点击设置值轴。如下图所示:

2020-11-04_17-28-04.png

2)对该跳出次数值轴进行设置,比如设置「轴逆序」,完成后「进入仪表板」界面查看效果,如下图所示:

跳出次数对应的值轴单独显示为轴逆序,且该设置对另外两个指标的值轴不生效。其余图表值轴功能设置请参考文档:图表设置值轴

2020-11-04_16-32-37.png

4.2 右值轴设置

4.2.1 效果预览

多个指标聚合展示时,共用一个值轴,指标数值差距较大时,不能清晰的表达数据,可设置双值轴展示指标数据。例如,图表中访问次数显示为左值轴,跳出次数还是显示为右值轴,如下图所示:

2020-11-04_18-01-19.png

4.2.2 操作步骤

1)设置值轴。对单个指标进行值轴样式设置,就会对整个值轴生效。比如我们对跳出次数的值轴进行设置,选择下拉,「设置值轴」。如下图所示:

2020-11-04_17-31-49.png

2)进入值轴设置界面。此时,可以看到在最上方有「共用轴」设置选项,可以选择显示为「左值轴」或「右值轴」,选择以后对应的指标项将显示在对应的位置,默认所有指标均显示为「左值轴」。比如我们为该跳出次数指标项选择显示为「右值轴」,如下图所示:

2020-11-04_17-28-39.png

设置完成。