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

目录:

1. 概述编辑

在线视频请参见:堆积柱形图 

1.1 版本

FineBI 版本新增功能
5.1.15修改汇总方式/快速计算/统计个数依赖后,指标保持开启堆积,除非用户手动设置堆积效果

1.2 应用场景

堆积柱形图,制造业又叫做山积图,是基础柱状图的扩展形式,将每根柱子进行分割,以显示大类目下的细分类目占比情况,可以展示更多维度的数据:大类目之间的数值比较、大类目下各细分类目的占比情况、不同大类目下同一细分类目的横向数值比较。是一种既可以直观地看出每个指标的值,还能够反映出维度总和的图表,如下图显示了某互联网产品在一周内由不同渠道获得的流量对比:

image.png

堆积柱状图将每根柱子进行分割,一个大分类包含的每个小分类,用以显示相同类型下各个数据的大小情况;

每一根柱子上的值分别代表不同的数据大小,各层的数据总和代表整根柱子的高度。

1.3 基本要求

图表效果    维度字段  指标字段
  堆积柱形图  >=1  >=2
注:通过将维度字段拖入颜色栏,也可实现堆积。详情请参见:图表颜色 文档的 3.6 节内容。

1.4 图表特点

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

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

2. 示例编辑

2.1 创建组件

2.1.1 数据预处理

1)下载样例数据 周流量数据.xlsx,点击「数据准备」,选择「我的自助数据集」,添加「EXCEL数据集」,如下图所示:

1595828493658230.png

2)上传下载好的「周流量数据.xlsx」,取表名为「周流量数据」,点击「确定」,如下图所示:

image.png

2.1.2 创建图表

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

1588647525439037.png

2)点击「新建组件」,选择「我的自助数据集」下的「周流量数据」,点击「确定」,如下图所示:

image.png

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

image.png

4)选择图表类型为「堆积柱形图」,如下图所示:

image.png

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

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

2020-07-30_10-31-06.gif

6)将待分析区域指标中的「序号」拖入「细粒度」栏,图表创建完成,如下图所示:

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

注2:用户也可使用自定义排序(点击「星期」下拉栏,选择「自定义排序」)。

image.png

2.2 图形属性设置

2.2.1 颜色

选择图表类型后,图形属性下自动切换成「柱形图」,「指标名称」置于颜色属性,点击颜色栏,设置「直接访问、邮件营销、联盟广告、视频广告、搜索引擎」的显示颜色,如下图所示:

image.png

2.2.2 大小

点击「大小栏」,调整柱形的「柱宽」和「大小」,如下图所示:

image.png

2.2.3 标签

1)点击「标签」栏,设置「标签位置」为「居中」如下图所示:

image.png

2)依次设置图形属性下的「直接访问」、「邮件营销」、「联盟广告」、「视频广告」、「搜索引擎」的标签「内容格式」,设置「字体」颜色为纯白色:

image.png

2.3 设置标题

点击「标题栏」,输入「堆积柱形图」,参考文档:组件标题

2.4 字段下拉设置

2.4.1 维度字段设置

1)按照序号排序

点击「星期」字段下拉框,选择「升序」排列,点选「序号(求和)」:

注:用户若使用自定义排序,可忽略该步骤。

image.png

2)取消显示轴标题。

点击「星期」字段下拉框,选择「设置分类轴」,取消勾选「显示轴标题」,点击「确定」,如下图所示:

image.png

2.4.2 指标字段设置

取消显示值轴标题。

在「直接访问、邮件营销、联盟广告、视频广告、搜索引擎」任意一个字段下点击下拉,选择「设置值轴(左值轴)取消勾选「显示轴标题,点击「确定,如下图所示

image.png

2.5 组件样式设置

选择「组件样式击「横向网格线,选择线条颜色,设置RGB值为208,208,208,如下图所示:

1596078579341905.png

其他组件样式设置请参考文档:图表组件样式

2.6 效果预览

2.6.1 PC端

选择对应仪表板,点击「预览」,图表如下图所示:

image.png

2.6.2 移动端

2020-07-30_11-15-46.gif

3. 仪表板查看编辑

完成仪表板可参见:堆积柱形图 

4. 注意事项编辑

问题描述

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

2020-12-28_17-18-02.png

解决方案

将 0 转换为 null 值即可。

可在仪表板「添加计算指标」,使用公式实现。例如,将「回款」和「金额」使用计算指标去除 0 ,形成新的指标「回款1」和「金额1」,如下图所示:

计算指标添加公式
说明参考文档
回款1IF(SUM_AGG(回款)=0,null,SUM_AGG(回款))如果「回款」为 0,则为 null ,否则为原数值

IF()函数

SUM_AGG

金额1IF(SUM_AGG(金额)=0,null,SUM_AGG(金额))如果「金额」为 0,则为 null ,否则为原数值

1609148568579008.png

效果预览

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

1609149244937996.png