柱状图

柱状图的简介

基础柱状图，使用垂直或水平的柱子显示类别之间的数值比较。其中一个轴表示需要对比的分类维度，另一个轴代表相应的数值。

柱状图有别于直方图，柱状图无法显示数据在一个区间内的连续变化趋势。柱状图描述的是分类数据，回答的是每一个分类中『有多少？』这个问题。 需要注意的是，当柱状图显示的分类很多时会导致分类名层叠等显示问题，下面我们会举例说明。

英文名：Basic Column Chart, Basic Bar Chart

柱状图的构成

纵向柱状图

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

横向柱状图 （条形图）

图表类型横向柱状图
适合的数据列表：一个分类数据字段、一个连续数据字段
功能对比分类数据的数值大小
数据与图形的映射分类数据字段映射到纵轴的位置
连续数据字段映射到矩形的宽度
适合的数据条数不超过 30 条数据

柱状图的应用场景

适合的场景

例子1: 适合应用到分类数据对比

下图是一个游戏销量的图表，展示不同游戏类型的销量对比。

genre（游戏类型）sold（销售量）
Sports27,500
Strategy11,500
Action6,000
Shooter3,500
Other1,500

说明：

  • genre 字段，同时使用了位置和颜色用于区分不同的游戏类型
  • sold 字段，使用矩形的长度，表示销售量的大小

不适合的场景

例子1：分类太多不适合使用纵向柱状图

如对比不同省份的人口数量。分类情况过多时，柱状图的文本为了排布合理，需要进行旋转，不利于阅读，相比于纵向柱状图，横向柱状图更适用于此类分类较多的场景。

province（省份）population（人口数量）
北京市19612368
天津市12938693
河北省71854210
......

使用横向柱状图，文本可以横向排布，便于用户的阅读，效果如下：

例子2：不适合表示趋势

柱状图使用矩形的长度（宽度）来对比分类数据的大小，非常方便临近的数据进行大小的对比，不适合展示连续数据的趋势。下图本想展示 ACME 这只股票在 2015 年 9 月份整个月的每日的价格走势，但是效果不尽人意。

随着有序的时间变化的数值趋势，更适合使用折线图或者面积图。

柱状图与其他图表的对比

柱状图和折线图、饼图

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

柱状图和南丁格尔图（玫瑰图）

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

变形

标签

面积图