柱状图

柱状图的简介

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

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

英文名: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 月份整个月的每日的价格走势,但是效果不尽人意。

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

柱状图与其他图表的对比

柱状图和折线图饼图

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

柱状图和南丁格尔图(玫瑰图)

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

变形

标签