案例教程链接：https://www.bilibili.com/video/av77264291

背景

数据源

主标题 Class divide 副标题 N/A
说明 World population forecasts, bn
图1名称 Wittgenstein Centre
主纵轴标题 By stock of educated
 
  1. adults | 主横轴标题 | N/A |

| | | | | 次纵轴标题 | N/A | 次横轴标题 | N/A | | | | | | 图2名称 | United Nations | | | | | | | | 主纵轴标题 | Medium variant | 主横轴标题 | N/A | | | | | | 次纵轴标题 | N/A | 次横轴标题 | N/A | | | | | | 来源 | Sources:Wittgenstein Centre; UN population division | 附注 | N/A | | | | | | 其他 | N/A | 其他 | N/A | | | | |

year Low Medium High year Higherbound Median Lowerbound Aux1
2010 7 7 7 2010 7 7 7 0
2015 7.38 7.26 7.28 2015 7.38 7.33 7.33 0.05
2020 7.76 7.52 7.53 2020 7.76 7.66 7.66 0.1
2025 8.14 7.78 7.75 2025 8.14 7.99 7.99 0.15
2030 8.52 8.04 7.94 2030 8.52 8.32 8.32 0.2
2035 8.9 8.3 8.1 2035 8.9 8.65 8.65 0.25
2040 9.28 8.56 8.23 2040 9.28 9 9 0.28
2045 9.66 8.82 8.33 2045 9.66 9.29 9.25 0.41
2050 10 9 8.4 2050 10 9.56 9.46 0.54
2055 10.27 9.14 8.42 2055 10.3 9.81 9.63 0.67
2060 10.54 9.25 8.4 2060 10.6 10.04 9.76 0.84
2065 10.81 9.33 8.33 2065 10.9 10.25 9.85 1.05
2070 11.08 9.38 8.23 2070 11.2 10.44 9.9 1.3
2075 11.35 9.4 8.1 2075 11.5 10.61 9.91 1.59
2080 11.62 9.38 7.94 2080 11.8 10.76 9.88 1.92
2085 11.89 9.33 7.75 2085 12.1 10.89 9.84 2.26
2090 12.16 9.25 7.53 2090 12.4 11 9.78 2.62
2095 12.43 9.14 7.28 2095 12.7 11.09 9.7 3
2100 12.7 9 7 2100 13 11.16 9.6 3.4

The Economists Feburary 2nd 2019 - A school for small families.pdf

效果

012 区间拓展折线图.png

系列数据数值相近，做在一张图上会有很多重叠，影响阅读，因此做成了两张图。

优化清单：

折线图+堆积面积图系列套图（利用堆积图实现突出效果）
添加风格标记红色小方块
（外加组合图标记小横线image.png，说明是两张图）
添加子图标题（因为是多图组合所以单独有名称）
添加图表号码image.png
（对于一片文章或者报告来说图表是需要编号的）
横轴大小牙齿左延伸，零散数据标签
纵轴坐在网格线延长线上方，存在省略情况
数据标签有填充防止遮挡
选择同色系表示置信区间以及说明
小细节注意作图中的遮盖顺序（用于强调）
纵轴截断标记image.png

制作步骤

第一张图

选中数据源，插入折线图

第二张图

  1. 选中数据源，插入组合图：Median系列为直线图，Higherbound和Lowerbound系列为堆积面积图
    image.pngimage.png
  2. 选中Lowerbound系列，填充为“无填充”，并
  3. 选中Median系列，调整线条和颜色，宽度为3磅
  4. 选中Higherbound系列，调整颜色为比Median系列稍浅的红色
  5. image.png将图表填充为浅蓝色
    image.png

分析

图表类型 折线图+折线图堆积面积图组合图（套图）
适用数据 围绕某个系列数据变化而变化的数据
突出特征 利用堆积图表示折线的区间拓展（类似技巧还可以做到同幅度的折线图波动范围）

其实这个置信区间的表达完全可以使用两条在附近的折线图并且使用虚线去进行表达。但是基于图表风格考虑，比如说经济学人的整体图表都是喜欢大色块的视觉冲击力，因此在一些小细节的设置上也会朝着这个方向努力，因此置信区间使用了透明度稍微低一些的颜色来表示。如果是论文图表，商业性较弱学术性较强的话，可以使用两条虚线折线图来表示置信区间。