1. 概述
1.1 应用场景
柱形图和折线图是比较常见的组合,图表组合后既可以用柱形图比较数据大小,又可以通过折线图查看数据变化趋势。
本文通过柱形图和折线图组合的示例,介绍如何实现这两种图表的组合效果。如下图所示:
1.2 数据要求
图表效果 | 维度字段 | 指标字段 |
---|---|---|
组合图 | 1 | 2 |
1.3 图表特点
优点:可以将两种维度的数据集中展示,给决策者更多的信息洞察,同时节省报表版图空间,能留更多的版图展示其他数据。
缺点:过多维度的数据集中在组合图时,会使图表过于拥挤,同时指标的增多,会干扰决策者无法抓住数据主要传达信息。
2. 示例
2.1 创建组件
1)新建仪表板 ,点击「添加组件」,选择「公司利润数据分析」表。如下图所示:
2)在图表类型下选择「自定义图表」,「入库时间」字段拖入到横轴中,「当前金额」、「前期金额」拖入到纵轴中。如下图所示:
关键点:这里一定要选择「自定义图表」,否则在之后的操作里不能切换图表类型。
3)设置入库时间以年季度格式显示。点击「入库时间」字段的倒三角,选择「年季度」。如下图所示:
4)在图形属性下点开「前期金额」设置,设置前期金额用「线」表示。如下图所示:
2.2 设置颜色
点开「当前金额」的颜色栏,设置柱形图颜色。再以相同步骤,点开「前期金额」颜色栏,设置颜色。
「当前金额」设置颜色步骤如下图所示:
注1:还可以在图形属性下对组合图设置标签、提示等,详情请参见:图形属性
注2:还可以对该组合图设置网格线、轴线、背景等,详情请参见:组件样式
2.3 设置值轴
2.3.1 设置左值轴
鼠标悬浮在「当前金额」上,点击右下角的倒三角,设置左值轴。设置最小值为0,最大值为MAX(当前金额(求和))+80000000。如下图所示:
注:最大值公式中的「MAX(当前金额(求和))」是设置最大值时,点击当前金额下的「最大.max」出现的,不能直接复制公式。
2.3.2 设置右值轴
鼠标悬浮在「前期金额」上,点击右下角的倒三角,设置右值轴。设置最小值为0,最大值为MAX(前期金额(求和))+60000000。如下图所示:
注:最大值公式中的「MAX(前期金额(求和))」是设置最大值时,点击前期金额下的「最大.max」出现的,不能直接复制公式。
2.4 设置坐标轴数值格式
1)鼠标悬浮在「当前金额」上,点击右下角的倒三角,点击「数值格式」,设置左值轴轴标签的数值格式为「百万」。如下图所示:
2)鼠标悬浮在「前期金额」上,点击右下角的倒三角,点击「数值格式」,设置右值轴轴标签的数值格式为「百万」,步骤参考本节步骤 1 。
2.5 效果查看
2.5.1 PC 端
PC 端效果如下图所示:
2.5.2 移动端
App 及 HTML5 端效果如下图所示: