《最简单的图形与最复杂的信息(The Wall Street Journal Guide to Information Graphics)》
折线图用于连续数据,条形图用于离散数据。但当两个数据列都是条形图时(双 Y 轴的场景),可考虑把其中一个变为折线。
折线图 Lines
- 折线高度约占图标区域 2/3。
- 折线应比网格线粗,但不能过粗而导致掩盖了折点变化;如果有零基线,零基线应比网格线稍粗。
- Y 轴增量常用 1、2、5、10、15、20、25 等。
- 线条应在四条以下;使用实线,通过粗细、颜色比形状区分更好(使用颜色时需要考虑色盲的情况);如果数据系列比较多,可考虑由一个个的单折线图组成图表组。
- 空间紧凑且交叉点多时,可使用图例,且顺序尽量和重点顺序一致。否则可直接在折线上标注,标注应简短。
- 双 Y 轴应用于表示两组数据有关联的场景。
垂直条形图 Vertical Bars
- 不要加阴影来干扰
- 少用三维,因为无法确定顶端位置
- 线条宽度约为间距的两倍
- 应用同一颜色,浅色可用于预测值
- 以零基线为起点
- 如果数值接近,可考虑使用别的角度,如变化率或百分比等
- X 轴标注不要用泄题,可转为水平条形图
- 色彩应从最亮到最暗,不要交替
- 图例应放在上方,且顺序应和条形图顺序一致(不管是垂直排列还是水平排列)
水平条形图 Horizontal Bars
- 使用最大值到最小值的顺序,通过名都来强调;如果是时间相关的,应从近到远的时间来排序
- 有负值的条尽量用垂直条形图;实在需要时,负值应在左边
圆饼图 Pie Chart
切片尽量不要超过 5 个;把面积最大的放在最右边,剩下的逆时针排列。
数字排列和序列
- 垂直比较数据比水平比较更易阅读
- 数字右对齐排列
- 有小数时,小数位要一致
类比刻度 Compare Scale
对比两组或以上数据时,类比刻度可达到增幅小时折线平缓,大时倾斜角度更大的效果,展示增幅的同时保留绝对值。
生成方法:
假设一数据集分布在 21 ~ 24,另一分布在 105 ~ 110
- 以幅度更大的作为首要刻度(
(24-21)/21≈0.14 > (110-105)/105≈0.05
,选第一个数据集的最小自然刻度20
,最大自然刻度选25
) - 轴增量使用 1、2、5、10、50、100 等自然刻度,确认另一图表的最小刻度(数据集 2 选用
100
) - 计算两最小刻度的比率(
100/20=5
) - 计算另一图表的最大刻度(
25*5=125
)