动态

图表设计:从基线零开始,设计折线图

TLDR

  • 图表设计应该与图表要表达、传递的观点形成合力
  • 折线图经常用于呈现随时间变化的趋势
  • 折线图的第一版设计,可以考虑从基线零开始

案例来源

本文的案例讲解与改进设计,来自一个专业机构的行业研究报告:中国线上消费品牌指数CBI(2023-2025)。

原设计图

动态

原文图片说明

(一)时间维度:总指数分析——消费品质回暖 全国各季度的消费品牌指数整体在波动平稳上升。由图 2 可见,2024 年的消费品牌指数显著高于 2023年,而 2025年的消费品牌指数,也显著高于 2024年同期。中国消费品质呈现稳定增长的趋势。

分析

柱状图的长度,在大部分情况下,应该与数据大小成正比。

图中柱状图的基线不是从零开始。

结合报告文字分析,报告显然是打算通过这张图表,呈现“全国各季度的消费品牌指数整体在波动平稳上升”这个观点。

一般来说,要呈现随时间的变化趋势,折线图是首选。或者说,至少先画一张折线图看看效果。

第一次改进设计

所以,改进设计如下。

这张改进图,保留了报告原有的观点,重新设计。可以从图中看到,消费品牌指数大幅上升的变化趋势。

第一次改进设计要点

  • 考虑到报告要表达的观点,我们选择折线图,呈现回暖的变化趋势
  • 圆形数据点,深蓝色折线,保持商业报告的严谨性
  • 数据点标注数据值四舍五入,仅保留十分位数,够清晰
  • 纵轴格线间隔为2,浅灰色,确保读者注意力集中在折线上
  • 移除横轴和季度刻度线,仅保留季度标签
  • 主标题给出“大幅回暖”的观点
  • 副标题进一步解释主标题观点

第二次改进设计

折线图也有基线,我们是否可以考虑从基线为零的情况,开始我们的设计呢?

再次改进设计如下。

这张再次改进图与上一次改进相比,主要差异就是让折线图从基线零开始。

我们似乎可以从中得到与前面图不同的结论:消费品牌指数微幅回暖。

第二次改进设计要点

  • 让折线图的基线从零开始
  • 折线下区域填充透明灰色,让数据的填充感更加饱满
  • 主标题给出“微幅回暖”的观点
  • 副标题进一步解释主标题观点

结论

  • 折线图通常展现变化趋势,数据随着时间变化的趋势,包括:
    • 异常值
    • 振荡,周期性
    • 平稳,波动
    • 上升,下降
  • 折线图的设计,可以从基线零开始起步,后续再进一步修改完善
  • 让图表设计与观点形成合力

免责声明

  • 本文内容是从图表设计角度出发的讨论、阐述
  • 本文包含的任何业务观点都是服务于图表设计分析
  • 本文不包含对 图形来源报告、文章的内容、观点 的任何否定意图

您可能也对以下内容感兴趣:
商业数据分析:桑基图设计
什么是  TL;DR  ?
文本可视化
商业数据可视化的设计原则
始于表格数据的洞察
商业数据分析:数据墨水比