跳到主要内容

柱状图

1. 简介​

柱状图用于描述分类数据之间的对比，如果我们把时间周期，如周、月、年，也理解为一种分类数据 (time category)，那么柱状图也可以用于描述时间周期之间的数值比较。

截图

截图

2. 图表特点​

在柱状图中，柱状图使用矩形的高度来对比分类数据的大小，非常方便临近的数据进行大小的对比，但不适合展示连续数据的趋势。

3. 使用场景​

3.1 适合的场景​

  • 数据项之间的对比

3.2 不合适场景​

  • 分类太多不适合使用纵向柱状图(不超过 12 条数据)，数据较多时可用条形图(横向柱状图)
    数据项比较多，柱状图的文本为了排布合理，需要进行旋转，不利于阅读

    截图

    换为条形图，文本可以横向排布，便于用户的阅读

    截图

  • 不适合表示趋势, 随着有序的时间变化的数值趋势，更适合使用折线图或者面积图
    下图本想展示 ACME 这只股票在 2015 年 9 月份整个月的每日的价格走势，但是效果不尽人意。

    截图

    使用面积图，价格趋势清晰可见

    截图

4. 使用实践​

  • 尽量避免在基础柱状图中使用颜色映射
  • y 轴不以 0 值为起点，将有可能导致柱状图显示错误的比例关系
  • 如果分类之间的序列关系 (ranking) 有意义且不是时间周期，可以考虑将数据进行排序
  • 如果需要关注具体数据，可以考虑移除坐标轴，显示图形标签，使用户的注意力更加聚焦。

5. 与其他图表的对比​

5.1 柱状图和折线图、饼图​

  • 柱状图主要用于多个分类间的数据（大小、数值）的对比
  • 折线图主要用于展示连续数值（例如时间）或者有序分类的变化趋势
  • 饼图主要是展示分类之间的占比情况

5.2 柱状图和南丁格尔图​

  • 南丁格尔图（玫瑰图）通过半径的大小来对比数据
  • 柱状图根据矩形的长度来对比数据

6. 扩展用法​

6.1 分组柱状图​

分组柱状图是柱状图的扩展形式，适合于在同一个轴上展示不同维度下相同分类的数据。
相比于堆叠柱状图，分组柱状图更适合进行不同维度下同一分类的横向数值的比较，但缺点是无法直观的看到各维度总和的对比。

截图

6.2 一般堆叠柱状图​

堆叠柱状图是基础柱状图的扩展形式，将每根柱子进行分割，以显示大类目下的细分类目占比情况。
堆叠柱状图可以展示更多维度的数据：大类目之间的数值比较、大类目下各细分类目的占比情况、不同大类目下同一细分类目的横向数值比较。
堆叠柱状图的一个缺点是当柱子上的堆叠太多时会导致数据很难区分对比，同时很难对比不同分类下相同维度的数据，因为它们不是按照同一基准线对齐的。

截图

6.2 百分比堆叠柱状图​

百分比堆叠柱状图，是基于每一个分类总量作为 100%，展示每个分类子项所占但百分比。

截图

附录：柱状图的构成​

图表类型柱状图
适合的数据列表：一个分类数据字段、一个连续数据字段
功能对比分类数据的数值大小
数据与图形的映射分类数据字段映射到横轴的位置
连续数据字段映射到矩形的高度
分类数据也可以设置颜色增强分类的区分度
适合的数据条数不超过 12 条数据