请通过邮件订阅网站,随时获取最新动态!

# 柱状图

# 何时使用

柱状图是最常见的图表类型,通过使用垂直或水平的柱形显示类别之间的数值比较。其中一个轴表示需要对比的分类维度,另一个轴代表相应的数值。

基础柱状图

分组柱状图通常是用于将包含相同变量或类别的几个分组进行比较。同基本柱状图一样,每个柱形的长度用于显示类别的数值,每个数据系列被分配一种颜色(或相同色系的不同饱和度)以进行区分,每组数据之间相互间隔并进行对比。

分组柱状图

与并排显示分类的分组柱状图不同,堆叠柱状图将每个柱形进行分割以显示相同类别下各个数据的大小情况。它可以形象地展示一个大分类包含的每个小分类的数据,以及各个小分类的占比,显示的是部分与整体之间的关系。

我们将堆叠柱状图分为两种类型:

  • 简单堆叠柱状图

    将分段数值一个接一个地放置,柱形的总值就是所有段值加在一起,适合用来比较每个分组/分段的数据总量。

  • 百分占比柱状图

    显示每组占总体的百分比,并按该组每个数值占整体的百分比来绘制,可用来显示每组中数量之间的相对差异。

堆叠柱状图

与饼图显示单个部分到整体的关系不同的是,堆叠柱状图可以显示多个部分到整体的关系。

双向柱状图用于展示包含相反含义的数据的对比,使用正向和反向的柱形显示类别之间的数值比较。其中分类轴表示需要对比的分类维度,连续轴代表相应的数值。

双向柱状图

# 图表属性

  • 图表血缘: 统计图表 - 柱状图类
  • 视觉通道: 颜色、长度、位置
  • 分析目的: 比较、组成、分布、占比、排名

# 图表故事

  • 这些维度成员中的哪些成员具有最高的度量?
  • 是否有任何异常维度?
  • 在这些维度之间,最低和最高度量之间的差距有多大?

# 使用建议

1、避免使用太多颜色,通常一个柱状图表示一组相同的度量,所以建议使用相同的颜色或同一颜色的不同色调。

柱状图

2、柱状图柱形间的宽度和间隙要适当,当柱子太窄时,用户的视觉可能会集中在两个柱中间的负空间,而这里是不承载任何数据的。宽度推荐使用在 1/2 柱宽到 1 柱宽之间,也可根据视觉需要而定。

柱状图

3、如无特殊需求,纵轴数据应该总是从 0 基线开始,以此正确反映图形的代表值。

柱状图

4、如果不涉及到日期等特定数据,可以通过升序或降序排布,以符合一定逻辑的、直观的方式来引导用户更好的查看数据。

柱状图

5、分类数据过多或文本标签过长时,柱状图的文本为了排布合理,需要进行旋转,不利于阅读,应该考虑选择 条形图

柱状图

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

柱状图

# 分组柱状图

1、如果每个分组中拥有的系列过多,数据的阅读难度就会越增加。在系列较多时,可考虑使用堆叠柱状图

分组柱状图

2、每两个分组之间的间距要大于组内不同系列之间的间距,以免造成视觉上错误的归类和区分。

分组柱状图

# 堆叠柱状图

1、使用堆叠柱状图时,应该使用对比度高的颜色来提高图表阅读性。

堆叠柱状图

2、百分比堆叠柱状图不适合用于对比不同分组内同个分类之间的数据大小。

堆叠柱状图

3、堆叠柱状图最好的展示效果是每组包含 2~3 个类别,最多不要超过 6 个,因为太多的数据系列会使数据的阅读和分辨变得非常困难。

堆叠柱状图

4、由于要分析部分数据在整体中的占比,因此要避免用堆叠柱状图展示包含负数的数据。

堆叠柱状图

# 双向柱状图

1、双向柱状图正向和负向的数据具有对比性,因此一般选用差值较大的具有对比性的颜色。

双向柱状图

2、永远不要在 0 基线的右边画负值的水平条行图或在 0 基线的上边显示负值的柱形图,以免和常识违背造成误解。

双向柱状图

3、双向柱状图多用于展示含相反含义的数据,因此要避免不具有正负含义的数据使用而造成的误解。

双向柱状图

# 类似图表