多条折线图怎么画,别人才看得懂
一张图里放好几条线,很容易变成一团乱麻。多条折线图的数据该怎么排,最多放几条线,为什么直接在线尾标名字比图例好读,怎样突出一条、其余变灰,量级差很多时为什么不建议用双坐标轴,以及什么时候干脆改用一组共用坐标轴的小多图。最后说明怎样把表格里的宽表直接粘贴进浏览器,几分钟内画出一张多系列折线图并下载成图片。
多条折线图适合比较几组数据在同一段时间里的变化。每个系列单独放一列,名称写清楚,再按实际发布尺寸检查交叉和重叠是否影响阅读。放在一张图里太拥挤时,可以拆开比较。
数据横着排,别竖着排
画图工具通常期待这样的表:第一列是时间,后面每一列是一条线。表头就是“月份、华北、华南、华东、西部”,下面每一行是一个月、四个数。列名会直接变成图上的系列名,所以最好一开始就起成你想在图上看到的名字,而不是“rev_n_q”或者“Sheet1 (2)”这种。
如果你的表是长格式,也就是每个月每个大区各占一行,那就得先透视成上面那种宽表再拿去画。另外每一列每一行都应该有值。某条线中间空了一格,读者没法判断那是零还是缺数据,需要先决定如何处理。当前粘贴解析会把空白数值当作零,不能靠留空表示缺失。时间行也应预先排序,日期会按等距分类标签显示,不按实际间隔拉开距离。
一张图放几条线才不乱
没有硬性规定,但大多数图到了四五条线就很难一眼看懂了。线再多时,交叉和重叠可能更难辨认,还要结合数据走势和展示尺寸来判断。检验方法很简单:随便挑一条夹在中间的线,不用手指,试着把它从头追到尾。你自己都追不下来,就应该先简化,再交给读者看。
真有八条、十条系列的时候,先问问这张图到底要说什么。如果要说的是“我们和其他人比怎么样”,那多半只需要突出一条,其余做背景。如果要说的是“每一个分别是什么走势”,那更适合拆成几张小图,而不是硬塞进一张。
多条折线图的配色和标注
图例意味着一个来回:看线,低头找图例,再抬头回到线上。两条线还好,线多了之后,来回匹配就更费时间。能做到的话,把系列名直接写在每条线的右端,用和线一样的颜色,标签就落在视线本来就在的地方。
颜色只负责一件事,就是把线区分开。选几种色相明显不同、深浅相近的颜色效果最好。不要让两种深浅不同的蓝挨在一起,也别只靠红和绿来区分,有相当一部分人分不清这两种颜色。
突出一条,其余变灰
很多时候,你真正想说的只是其中一条。自家产品和整个市场比,今年和往年比,一家门店和全国平均比。这种情况下,把你关心的那条线用醒目的颜色、稍粗一点的线来画,其余全部改成浅灰。灰线依然交代了整体范围和大致走向,却不再跟主角抢注意力。标题也可以直接说结论,比如“线上在涨,各线下渠道都持平了”。
量级差很多的几条线
假设一条线是以百万计的营收,另一条是 3% 上下的转化率。放在同一个坐标轴上,小的那条会贴着底部变成一条直线。很多人第一反应是在右边再加一个纵轴,但双坐标轴需要解释清楚:两条线在哪里交叉,完全取决于两个坐标轴各自怎么设定刻度,读者看到的“相关”很可能只是画法造成的错觉。
更稳妥的做法有两种。一是拆成上下两张图,共用同一条时间轴,各自用诚实的刻度。二是如果你关心的是相对变化,就把每条线都按起点指数化成 100,也就是每个值除以第一个值再乘 100。起点为正且不为零时,130 表示比起点增长 30%;起点为零或负数时,不能这样解释。生成器不会计算指数,需要先在表格里处理。
换个思路:小多图
小多图就是把每个系列各画成一张小折线图,排成网格,所有小图用同样的坐标轴。没有任何重叠,每条线都好追,而且刻度一致,眼睛能很快比较各张图的形状。系列在六到十二个之间时尤其合适,而这恰恰是单张图开始崩的区间。自己拼的时候记得每张小图的纵轴范围要一致,否则比较就悄悄失去了公平。
在折线图生成器里,把宽表粘贴进去,每个数值列就会变成一条线,颜色取自你选的配色,图例在图的下方。可以分别粘贴一列系列和相同的时间列来画单图,但每张图的纵轴会自动缩放,工具没有共用范围的设置。要比较各图的数值高低,应使用能固定相同纵轴范围的编辑器,不能只把下载图片并排放。
诚实说明:目前做不到什么
折线图生成器会把你粘贴的每个数值列画成一条线,并在图下方显示图例;它不会把系列名标在线尾,不能单独把某几条线改成灰色,不会替你指数化成 100,没有第二个纵轴,也不会自动排出小多图,这些步骤需要在表格里或下载后的 SVG 里自己处理。添加数据列的按钮最多允许六个系列,配色也各有六种。单独导出的图表会自动缩放纵轴,没有共用范围的控制。ToCharts 没有散点图、雷达图、气泡图、仪表盘或热力图,可用类型为柱状图、横向柱状图、折线图、面积图、饼图和环形图。每张图都在浏览器里单独制作,没有服务端批量生成图表的接口。
常见问题
画好几条线的折线图,数据应该怎么排?
第一列放时间,每个系列各占一列,表头写系列名。这样每一行就是一个时间点,每条线在这一行各有一个数值,粘贴进去就能直接画出来。
一张折线图里放几条线算太多?
大多数情况下四五条就是能一眼看懂的上限。系列更多时,可以只突出其中一条、把其余改成浅灰,或者干脆拆成多张共用坐标轴的小图。
几条线单位不同,要不要用双坐标轴?
一般不建议。双坐标轴上两条线的交叉位置取决于两个轴各自的刻度设定,容易让人看出并不存在的关系。更好的做法是拆成两张图,或者把每条线指数化成 100。
把数据指数化成 100 是什么意思?
起点为正且不为零时,用每个值除以起点值再乘 100;120 表示比起点增长 20%。需要先在表格里算好再粘贴,零或负数起点不适合按这个含义解释。
什么是小多图,什么时候用?
小多图是把每个系列各画成一张小图,排成网格,并且用相同的坐标轴。当线太多、放在一张图里会缠成一团时就该用它,通常是六条以上的时候。