折线图数据可视化图表教程趋势

怎么做折线图(一步步教学)

一份实用的折线图制作指南——怎么选数据、怎么诚实地缩放坐标轴、怎么标注数据点,以及怎么避开那些会误导读者的常见错误。

CodePic Team发布于 2026-06-269 min read

折线图用一条线把数据点连起来,让你一眼看出一个数值随时间怎么变——是在涨、在跌、走平,还是来回波动。表格能给你精确的数字,却藏起了这个「形状」;折线图正好相反,一看就懂。

拿 2026 年上半年的油价来说。布伦特原油年初约 61 美元,到 3 月因为冲突推高供给紧张冲到 118 美元,在 100 美元上方徘徊,等到和谈缓解了压力又跌回 70 美元以下。写成一串数字——61、78、118、106、105、69——你转头就忘了;画成一条线,这段「先涨后跌」的过山车却怎么都忽略不掉。这就是折线图的全部意义所在。


什么时候用折线图(什么时候别用)

适合用折线图的情况:

  • 数据是按规律间隔测量的——按天、按周、按月或按年
  • 点的先后顺序有意义,点与点之间的变化也有意义
  • 你在追踪一个(或几个)指标在连续区间上的变化

换别的图更合适的情况:

  • 你在对比没有自然顺序的独立类别——「各地区销售额」该用柱状图,把「四川」和「广东」用线连起来会暗示一个根本不存在的趋势
  • 你在展示「整体中的占比」——那是饼图或堆叠图
  • 你只有两三个点,一句话就能说清

最快的判断方法:在两个点之间画一条线,这条线有意义吗?「按月营收」有意义——斜率就是增长速度;「最受欢迎的冰淇淋口味」没意义——香草和巧克力之间没有任何东西。


第一步:把数据整理好

折线图需要成对的数据:一个标签(X 轴类别,通常是时间段)和一个数值(你要画的那个数)。打开工具之前先列出来:

1月:61
2月:78
3月:118
4月:106
5月:105
6月:69

这一步有两条规矩。一是间隔要一致——全是月,或全是周,别混着来。二是别放太多点。一条轴上挤二十个标签会糊成一团;如果原始数据是按天的、但你想讲的是按月的故事,先聚合再画。


第二步:画点,再连起来

每个点落在它的 X 轴标签和 Y 轴数值的交叉处。按顺序从左到右连起来,就是你的折线。

这一步值得用真正的工具做,而不是手画。在 CodePic 里,你把折线图拖到画布上,它会立刻把点画好。好用的地方在后面:你可以直接上下拖动任意一个点来改它的数值,线会跟着实时重画。想试「如果营收涨 20% 会怎样」这种假设,拖一下就行,不用改表格再重新导入。


第三步:诚实地缩放 Y 轴

大多数误导人的图都栽在这一步,所以单独拎出来讲。

数据全是正数时,让 Y 轴从 0 开始。如果你把起点设成 60 而不是 0,那么从 61 到 69 的变化会显得无比巨大——线几乎冲满整张图的高度——可它实际只动了 8 个单位。截断坐标轴是折线图误导读者最常见的一种方式,有时是无心,有时是故意。

好的工具会替你处理这件事。CodePic 的折线图默认用自动范围:正数数据从 0 起,上界取一个刚好高于最大值的整洁数字,让比例保持诚实、刻度落在整数上。需要在几张图之间用同一刻度时(比如把两个产品画在完全相同的坐标轴上对比),你可以切到固定的最小/最大值——但那是例外,不是默认。


第四步:该标的标出来

需要精确数字时,把每个点的数值显示出来——投资人更新里的营收图,得让人不眯眼就能从线上读出「44k」。只看趋势形状、数字反而碍事时,就把数值标签关掉。

想让图讲一个故事,就给转折点加标注。油价图上的 3 月峰值和 6 月低点不只是两个点——它们是「Q1 供给冲击」和「和谈」。一句简短的标注把曲线形状和背后的原因对应起来,图就从「一张图」变成了「一段解释」。


第五步:起个标题,补上背景

给图起个标题,说清它画的是什么、单位是什么:「布伦特原油 · 2026 上半年(美元/桶)」在读者看任何一个点之前就把信息交代清楚了。单位没放进标题,就放到坐标轴上。一条从 61 爬到 118 的线毫无意义——除非读者知道那是美元、是几千个用户,还是多少度。


几个要避开的常见错误

截断 Y 轴。 上面讲过,但值得再说一遍,因为它太常见了。正数数据从 0 起,除非你有真正的理由不这么做。

时间间隔不等却等距排列。 如果你的点是 1 月、2 月,然后一下跳到 6 月,在轴上等距摆开会扭曲趋势——这条线会暗示 3、4、5 月有一个平稳变化,而你的数据根本没测过。让间隔成比例,或者把缺失的时间段明确标出来。

一张图上线太多。 一条线讲一个清楚的故事;五条不同颜色的线交叠在一起就成了一团乱麻。要对比好几个系列时,先问问它们是不是真得挤在一张图里,还是拆成并排的几张小图更好读。

把没有顺序的类别连起来。 在没有先后顺序的类别(国家、产品名、部门)之间画线,等于凭空造出一个趋势。那是柱状图该干的事。


几分钟就能做一个

做一张干净的折线图,不需要表格软件,也不需要 BI 工具。把下面的模板拖到画布上,双击打开数据编辑面板,把示例数字换成你自己的——标签、数值、标题。拖动某个点微调一下,坐标轴保持自动范围让它一直诚实,就完成了。

石油价格走势图

石油价格走势图

试试这个模板

下一步

免费折线图模板开始——它加载好了可编辑的示例数据,你能马上换上自己的数字。想用别的方式展示「随时间的变化」,时间线把事件排在一条轴上,而当你追踪的是任务和工期、而不是单个指标时,甘特图才是对的工具。

石油价格走势图

石油价格走势图

试试这个模板

相关文章