堆叠柱状图
1. 简介
与并排显示分类的分组柱状图不同,堆叠柱状图将每个柱子进行分割以显示相同类型下各个数据的大小情况。它可以形象得展示一个大分类包含的每个小分类的数据,以及各个小分类的占比,显示的是单个项目与整体之间的关系。
2. 图表特点
堆叠柱状图分为两种类型:
一般的堆叠柱状图:每一根柱子上的值分别代表不同的数据大小,各层的数据总和代表整根柱子的高度。非常适用于比较每个分组的数据总量。
百分比的堆叠柱状图:柱子的各个层代表的是该类别数据占该分组总体数据的百分比。
堆叠柱状图的一个缺点是当柱子上的堆叠太多时会导致数据很难区分对比,同时很难对比不同分类下相同维度的数据,因为它们不是按照同一基准线对齐的。
3. 使用场景
3.1 适合的场景
一般堆叠柱状图, 对比不同分组的总量大小,同时对比同一分组内不同分类的大小
如下图显示的是每种化妆品在各个城市的销售情况,通过堆叠柱状图,我们可以很清晰对比同一种化妆品到底在哪个城市销售更好。
百分比堆叠柱状图, 观察分类占比情况
![截图](/assets/images/docs/report/charts/stacked-column/stacked-column-chart-03.png" style="width:600px; max-width:100%; margin-bottom:24px;"/>
3.2 不适合的场景
- 一般堆叠柱状图各个分组内不同分类的基准线不同,所以不适合对比不同项目在不同分类的数量
在上面的一般堆叠柱状图中,不适合对比不同化妆品在不同城市的销售量 - 百分比堆叠柱状图, 不适合对比不同分组内同个分类的数据大小
- 百分比堆叠柱状图, 不适合对比各分组总数的大小
4. 使用实践
- 纵向柱状图建议展示的数据条数较少,当分类过多时,我们可以使用横向的堆叠柱状图
5. 和其他图表的对比
5.1 堆叠柱状图和一般柱状图
- 堆叠柱状图可以增加一个维度,用于对比一组数据内不同分类的数据值大小,可以表示 3 个数据字段(维度)的数据
- 一般柱状图只能表示 2 个数据字段(维度)
5.2 堆叠柱状图和堆叠区域图
- 堆叠柱状图主和堆叠区域图都能表示 3 个维度的数据,
- 堆叠柱状图用于表示 2 个分类数据字段, 1 个连续数据字段,主要展示分类之间的对比
- 堆叠区域图用于表示 1 个分类字段, 2 个连续字段,主要展示在一个连续(有序)区间内不同分类大小(比例)的变化趋势。
5.3 堆叠柱状图和分组柱状图
- 堆叠柱状图和分组柱状图都可以对比同一个分组内部不同分类的数据大小,
- 分组柱状图,可以对比不同分组内相同分类的数据大小,但无法对比不同分组的总体数据大小
- 堆叠柱状图,可以对比不同分组的总体数据大小,但不适合对比不同分组内相同分类的数据大小,因为不同分组内的相同分类处于不同的基准线上
附录:堆叠柱状图的构成
一般堆叠柱状图
图表类型 | 一般堆叠柱状图 |
---|---|
适合的数据 | 列表:两个分类数据字段、一个连续数据字段 |
功能 | 对比分类数据的数值大小,同时对比一个分类(分组)下数据的汇总值 |
数据与图形的映射 | 其中一个分类数据字段映射到坐标轴的位置用于分组, 另一个分类数据映射到图形的颜色 连续数据字段映射到矩形的长度 |
适合的数据条数 | 映射到位置的分类不超过 12 个,映射到颜色的分类不超过 6 个 |
百分比柱状图
图表类型 | 百分比柱状图 |
---|---|
适合的数据 | 列表:两个分类数据字段、一个连续数据字段 |
功能 | 对比同一个分组数据内不同分类的占比 |
数据与图形的映射 | 其中一个分类数据字段映射到坐标轴的位置用于分组, 另一个分类数据映射到图形的颜色 连续数据字段映射到矩形的长度 |
适合的数据条数 | 映射到位置的分类不超过 12 个 映射到颜色的分类不超过 6 个 |