最新历史版本 :堆积柱形图 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

[helpvideo]6075[/helpvideo]

1.1 版本

FineBI 版本功能变动
6.0-

1.2 应用场景

  • 堆积柱形图用于展示多个指标的累积总量,每个柱形代表一个维度类别,而每个类别内部又被分割成几个指标,每个部分代表一个指标,这些部分按顺序堆叠起来,形成一个完整的柱形。

  • 例如,使用堆积柱形图展示某互联网产品在一周内由不同渠道获得的流量对比和总流量,如下图所示:

1.3 基本要求

图表效果    维度字段  指标字段
堆积柱形图>=1>=2

注:通过将维度字段拖入颜色栏,多系列柱形图也可实现堆积。详情请参见:图表颜色 文档的 3.6 节内容。

1.4 图表特点

优点

  • 展示比例关系:堆积柱形图非常适合展示各部分如何构成整体,通过堆叠的方式可以直观地看出每个指标在总体中的相对大小和所占比例

  • 比较性:可以比较出不同维度类别的数值差异

缺点

  • 混淆视觉:过多的指标可能导致堆积柱形图变得杂乱无章,使得识别和比较数据变得困难

  • 维度限制:只适用于维度不多的数据,不适用于维度太多的场景

2. 示例编辑

2.1 准备数据

1)用户登录 FineBI 系统,点击「我的分析」,选中某个文件夹,点击「新建分析主题」。如下图所示:

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

示例数据:周流量数据.xlsx

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

4)点击「保存并更新」、「退出并预览」,数据创建成功。

2.2 创建组件

1)点击左下角「组件」按钮。

2)在图表类型下选择「堆积柱形图」。

3)将左侧待分析区域的维度字段「星期」拖入分析区域的横轴,指标字段「直接访问」、「邮件营销」、「联盟广告」、「视频广告」、「搜索引擎」拖入分析区域的纵轴,如下图所示:

2.3 按照星期排序

方法一:自定义排序

点击分析区域横轴「星期」的下拉按钮,选择「自定义排序」,在弹出的设置框中拖拽排列星期的顺序,最后点击「确定」,如下图所示:

方法二:通过序号字段实现排序

1)将左侧待分析区域的「序号」字段拖入「图形属性>全部」下的「细粒度」栏。如下图所示:

注:此步骤不影响图表显示效果,将字段拖入细粒度是因为排序依赖的指标字段必须在分析区域。

2)点击分析区域横轴「星期」的下拉按钮,选择「升序>序号」,如下图所示:

2.4 美化图表

在「全部」中设置的图形属性对所有指标生效,在单个指标中设置的图形属性只对该指标生效。

设置标签

1)将左侧待分析区域的指标字段「直接访问」、「邮件营销」、「联盟广告」、「视频广告」、「搜索引擎」依次拖入图形属性中相同名称下拉栏的「标签」中,如下图所示:

注:修改标签字体样式、颜色等请参见:图表标签 3.1 节内容。

2)点击「图形属性>全部」下的标签设置按钮,设置标签位置为「居中」,如下图所示:

设置颜色

将左侧待分析区域的「指标名称」拖入「图形属性>全部」下的颜色栏,不同的指标则显示为不同的颜色,如下图所示:

注:更多样式设置请参见:图形属性图形组件样式坐标轴设置请参见:图表设置分类轴图表设置值轴

2.5 创建仪表板

1)点击分析主题编辑界面下方添加仪表板。

2)进入仪表板编辑界面,将组件拖入至仪表板中,如下图所示:

3)下拉选择「编辑标题」,样式选择「自定义」,设置标题为「堆积柱形图」,点击「确定」。如下图所示:

2.6 效果查看

PC端

移动端

3. 注意事项编辑

3.1 问题描述

示例数据:不同年份回款金额.xlsx

若出现指标为 0 的情况,在堆积柱形图中也会显示,如下图所示:

3.2 解决方案

将 0 转换为 null 值,添加计算指标使用公式实现。

1)例如,点击待分析区域搜索栏旁的「...」,选择「添加计算字段」,在弹出的设置框中,输入字段名称为「回款1」,输入公式:IF(SUM_AGG(回款)=0,null,SUM_AGG(回款))

公式说明如下:

公式
说明
IF(SUM_AGG(回款)=0,null,SUM_AGG(回款))如果「回款」为 0,返回 null ,否则返回原数值

2)点击「确定」,「回款1」字段添加成功,如下图所示:

3)同样的方法添加「金额1」计算字段,输入公式:IF(SUM_AGG(金额)=0,null,SUM_AGG(金额))

公式说明如下:

公式
说明
IF(SUM_AGG(金额)=0,null,SUM_AGG(金额))如果「金额」为 0,返回 null ,否则返回原数值

4)点击「确定」,「金额1」字段添加成功,如下图所示:

3.3 效果预览

再使用「回款1」和「金额1」做堆积,实现效果如下图所示: