历史版本19 :多系列柱形图 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

多系列柱形图用于显示不同系列指标间的对比效果。效果如下图所示:

11.png

1.2 基本要求

多系列柱形图的基本要求:

图表效果  维度字段  指标字段  
多系列柱形图>=1>=2

1.3 图表特点

优点:清晰的看出每个维度下不同指标的大小,通过不同的柱形比较出不同维度类别的数据量差距。

缺点:只适用于维度不多的数据,不适用于维度太多的场景。

2. 示例一:普通多系列柱形图编辑

2.1 创建组件

1)点击「仪表板」,选择「新建仪表板」,点击「确定」,如下图所示:

2.png

2)点击「添加组件」,选择互联网行业下的「访问统计事实表」,点击「确定」,如下图所示:

3.png

3)选择「多系列柱形图」,将待分析区域维度下的字段「统计日期」拖入横轴中,将指标下的字段「浏览量」、「访问次数」、「跳出次数」拖入纵轴中,如下图所示:

6.png

注:该多系列柱形图必须在横纵轴中有大于等于1个维度、大于等于2个指标字段才能选择,否则图表类型下的多系列柱形图将灰化无法点击。  

4)为让柱子充满组件区域,需调整纵轴范围。如下图所示:

7.png

调整后效果如下图所示:

8.png

2.2 图形属性设置

2.2.1 颜色

将指标名称字段拖入颜色栏,点击颜色属性,配色方案选择高雅。如下图所示:

9.png

详情参见:图形属性-颜色 

2.2.2 大小

点击「大小」栏可设置柱宽和圆角。如下图所示:

注:也可在「大小」栏拖入字段,详情请参见:大小

10.png

2.3 效果查看

2.3.1 PC 端

见本文 1.1 节效果展示。

2.3.2 移动端

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

2.jpg

3. 示例二:多系列柱形图(开启堆积)编辑

3.1 创建组件

1)点击「仪表板」,选择「新建仪表板」,点击「确定」,如下图所示:

2.png

2)点击「添加组件」,选择「销售明细表」,点击「确定」,如下图所示:

12.png

3)添加计算字段 ,字段名称为其他成本,公式为:SUM_AGG(总成本)-SUM_AGG(人力成本),公式不能直接复制粘贴,字段需点击添加。如下图所示:

注:SUM_AGG 公式详情请参见:SUM_AGG

13.png

4)选择「多系列柱形图」,将「产品名称」字段拖入到横轴,将「总成本」、「其他成本」、「人力成本」拖入到纵轴。如下图所示:

14.png

5)为纵轴中的其他成本人力成本开启堆积。如下图所示:

15.png

3.2 图形属性设置

将「指标名称」拖入颜色,颜色的配色方案选择「石青」。如下图所示:

16.png

3.3 效果查看

3.3.1 PC 端

1632894584156620.png

3.3.2 移动端

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

19.jpg