面积图：零基线、累计值与多组数据的处理

面积图把折线下方的区域填上颜色，使数据的数量级更突出。已用存储、累计收入等数据，可以同时看变化和当前水平。但先要分清数值含义：把每月新增人数涂成面积图，并不会自动得到累计用户数。

填充区域表示什么

面积图其实就是把折线和坐标轴之间的区域涂上颜色的折线图。填充让数据相对基线的高度更明显，但色块表示什么，仍取决于原数据和标注，不能仅凭面积把不同指标解释成总量。它适合累计数，比如年初至今的收入、用户总数；也适合体量本身就是重点的数据，比如已用存储空间、每周工时。

因为眼睛判断的是着色的面积，面积图必须从零开始。折线图有时可以把纵轴放大到一个很窄的区间，展示一个小但真实的变化；面积图这么做，会严重夸大体量。

什么时候折线图更合适

要比较几组会相互交叉的数据时，用折线。两块重叠的填充区域会互相遮挡，调透明度也只能解决一半。如果数据是上下波动而不是不断累积，填充只会增加视觉分量，不增加信息。需要核对某个时间点的准确数值时，添加数值标签或数据表，避免让读者从折线或色块位置估读。

一个合理的默认做法是：先用折线图，只有当你发现自己希望读者注意到“总量有多大”时，再换成面积图。

例如，每月新增用户约2000人，折线图可以展示获客是否稳定。要看累计新增人数，则先在表格里逐月累加，再画累计数据的面积图。两张图回答的问题不同，后者还涉及计算，不能只切换图表类型就当作完成了累计。

堆叠面积图要小心用

把几块面积叠在一起，可以展示一个总量随时间由哪些部分构成，比如按渠道拆分的网站流量。最上沿是总量，每一条色带是一个组成部分，这确实有用。坑在中间那几条色带：只有最底下那条坐在平直的基线上，上面每一条的“地板”都是起伏的，读者比较变化时需要同时看上下边界，比对同一条基线更费力。如果某一个部分特别重要，就单独给它画一条折线。

使用堆叠工具时，控制色带数量并写清名称。当前ToCharts工具会覆盖绘制多组面积，不会堆叠，也不会自动计算合计。需要展示堆叠总量时，应另选支持堆叠面积图的工具。

动手做一张

把一列日期和一列或几列数值粘贴到折线图生成器里，再把图表类型切换成面积图。第一列会成为等间隔分类标签，其余每一列是一组数据。先把日期排好序；这个工具不会生成按实际时间间距排列的横轴，空白数值也会转成0。决定之前，同一份数据分别看一眼折线和面积，检查填充是否帮助说明重点，还是遮挡了另一组数据。放幻灯片下载 PNG，放文档下载 SVG。

诚实说明：目前做不到什么

当前工具绘制覆盖的面积，不提供堆叠，也不会计算累计值。横轴是等间隔分类标签，即使日期间隔不同也会等距排列。空白数值会转成0，不能保留缺失值断线。导出仅限浏览器内渲染的图表，没有服务端批量生成图表的接口，累加和清洗应提前完成。