历史版本9 :柱形图-折线图 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

柱形图跟折线图是比较常见的组合,图表组合后既可以用柱形图比较数据大小,又可以通过折线图查看数据变化趋势。

本文通过对比柱形图和折线图组合的示例,介绍如何实现这两种图表的组合效果。其中对比柱形图是柱形图的一种变形。

1612404362360949.png


1.2 数据要求

图表效果
维度字段指标字段
组合图12

1.3 图表特点

优点:可以将两种维度的数据集中展示,给决策者更多的信息洞察,同时节省报表版图空间,能留更多的版图展示其他数据。

缺点:过多维度的数据集中在组合图时,会使图表过于拥挤,同时指标的增多,会干扰决策者无法抓住数据主要传达信息。

2. 示例编辑

2.1 数据准备

2.1.1 准备 Excel 文件

新建 Excel 文件,创建「日期」、「成本类型」、「金额」、「包含的人力成本」四列,其中人力成本是对应金额的一部分,如下图所示:

点击下载 Excel 文件:组合图数据.xlsx

Snag_2251a80d.png

2.1.2 添加 Execl 数据集

FineBI 中点击「数据准备」,创建组合图业务包,再点击「添加表」,选择「Excel数据集」导入上面的 Excel 文件,命名为组合图数据,如下图所示:

2.1.3 添加自助数据集

1)为了实现对比柱形图的效果,需要处理下 Excel 中的原始数据,点击「添加表」,选择「自助数据集」,如下图所示:

Snag_225dce48.png

2)将自助数据集命名为「组合图自助数据集」,勾选所有字段,点击左侧添加按钮,选择「新增列」,如下图所示:

1612406874354808.png

3)将新增的列名改为「金额新」,填写计算公式:if(成本类型=”运营成本“,-1*金额,金额),点击确定保存,如下图所示:

注:公式将运营成本乘-1是为了实现对比柱形图的效果。

1612408436192790.png


4)点击保存,退出自助数据集界面,如下图所示:

1612408481879217.png


5)选择新建的自助数据集,更新下数据,如下图所示:

1612408560272966.png

2.2 创建组件

1)新建一个仪表板,如下图所示:

2)点击添加组件,如下图所示:

1612407703535147.png

选择新建的自助数据集,点击确定即可,如下图所示:

1612408647574223.png

2.3 设计组件

1)将维度下的「时间」字段拖入横轴中,将指标下的「金额新」、「包含的人力成本」字段拖入纵轴中。

并将「金额新」字段重新命名为「研发/运营成本」,图表类型选择「自定义图表」。

将「人力成本」选择为折线图显示,将「研发/运营成本」设置为柱形图显示,具体效果如下图所示:

2)将「指标名称」字段和「包含的人力成本」字段分别拖到折线图的「颜色」字段和「标签」字段,颜色设置为「黄色」,并设计标签单位为「万」,如下图所示:


3)将「成本类型」字段和「金额」字段分别拖到折线图的「颜色」字段和「标签」字段,

「成本类型」字段颜色设置「运营成本」设置为「红色」,「研发成本」设置为「绿色」,并设计标签单位为「万」,如下图所示:

注:由于金额为正值,所以我们标签取的是金额字段。

4)设置标题,输入「柱形折线组合图」,设置图例,位置选择居右显示,如下图所示:

2.4 设置维度字段

1)设置 人力成本字段,选择右值轴,设置轴标签,字号选择12,字体选择为蓝色。

设置 轴刻度,定义最小值为-4000,最大值为max(人力成本)+500,最后设置轴标题为黑体,字号选择为13。如下图所示:

2)设置研发/运营成本字段,选择左值轴,设置轴标签,字号选择12,字体选择为蓝色。

设置轴刻度,定义最小值为min(研发/运营成本)-5000,最大值为max(研发/运营成本)*2 ,最后设置轴标题为黑体,字号选择为13。如下图所示:

3.效果预览编辑

3.1 PC 端

3.2 移动端

8A4E9B36-6A81-41F3-97E2-91106255443B.GIF

4. 仪表板查看编辑

完成仪表板可参见组合图

点击下载 Excel 文件:组合图数据.xlsx