什么是折线图

定义

英文名:Line Chart
折线图用于显示数据在一个连续的时间间隔或者时间跨度上的变化,它的特点是反映事物随时间或有序类别而变化的趋势。

构成

横轴:表示时间 纵轴:表示数值 点:表示各个数据的位置 线:连接各个数据点

特点

在折线图中,数据是递增还是递减、增减的速率、增减的规律(周期性、螺旋性等)、峰值等特征都可以清晰地反映出来。
所以,折线图常用来分析数据随时间的变化趋势,也可用来分析多组数据随时间变化的相互作用和相互影响。例如可用来分析某类商品或是某几类相关的商品随时间变化的销售情况,从而进一步预测未来的销售情况。
在折线图中,一般水平轴(X轴)用来表示时间的推移,并且间隔相同;而垂直轴(Y轴)代表不同时刻的数据的大小。

适合数据

折线图通常适合展示随着时间的推移而变化的连续数据,因此非常适用于显示在相等时间间隔下数据的趋势。
图表类型
折线图
适合的数据
两个连续字段数据,或者一个有序的分类一个连续数据字段
功能
观察数据的变化趋势
数据与图形的映射
两个连续字段分别映射到横轴和纵轴
适合的数据条数
单条线的数据记录数要大于2,但是同一个图上不要超过5条折线

应用场景

一个指标趋势分析

仅对一个指标进行趋势监控分析,在图上呈现为单条折线,简单清晰明了。比如某网站访问人数,某商品销量价格的波动。如下图,点击查看 Demo

多个指标趋势分析

适合于同时展示多个指标,多个指标常见关系有“并列关系”或“主次关系”。 并列关系:指标之间为并列关系,例:某公司不同品类的产品年销量的趋势对比; 主次关系:指标之间为主次关系,通常来说我们会突出主指标,弱化次指标,例如网站今天的访问 UV 对比昨天的访问 UV。如下图,点击查看 Demo

实时指标监控分析

实时指标一般用于监控分析场景,它关注指标的动态更新趋势、触发阈值的页面样式以及告警机制。 例:某 API 调用量实时监控,CPU 占用量实时监控,系统攻防实时监控,双 11 成交量实时监控。如下图,点击查看 Demo

大量指标趋势分析

业务上常见将多达十个甚至上百个指标进行对比展示。“量大”、“易失焦”是大量指标趋势图的特点,因此设计时需要关注用户的真实需求。如下图,点击查看 Demo

阶段更新指标趋势分析

阶梯线图又称为步骤图,是与折线图相似的​​图表。主要用来显示陡增陡降的数据变更。例如,奶制品价格上涨,汽油,税率,利率的调整等。如下图,点击查看 Demo

Do and Don't

适用数据类型

折线图适合显示有序的因变量,比如:时序数据,不适合显示不同类别的数值差异

添加“比较”的数据

折线图可以处理大量数据,因此这种图表类型非常适合给读者一些具有参考价值的数值。例如:添加平均值,或来自其他国家/地区的数据等。

颜色突显重要数值

灰色是一种很好的颜色,可以用来很好的区分图表中不同重要等级的内容。 在添加比较数据趋势时,显得格外重要。

用特殊标记和辅助区域

折线图为这些特殊标记和辅助区域提供了足够的空间。通过辅助说明可以更清晰和完整地传达图表内容,帮助读者了解正在发生的事情。

善用节点标记,在日期间隔不一致的情况下

在大多数情况下,日期之间的间隔是一致的,把每个节点标记出来的意义并不大,视觉上也会显得非常繁复。
但是在日期间隔不一致的情况下,可以选择在折线上使用节点标记,提示读者需要注意这些数值。

善于使用图例跟随功能

G2 提供了默认的图例位置,但是当折线图数量较少时,可以开启“图例跟随”的功能,让读者更快地阅读图表。

慎用曲线

单折线图中,线条是唯一的主体,线段的每一个点都真实反映数据的起伏,一般来说不建议用曲线,如果你的线条趋势不需要非常精确呈现,且需要消除个别差异点与整体的趋势,那么可以用平滑曲线。
平滑曲线是通过统计算法对折线的拟合展示,非实际的数值点,通常来说有误差。