跳到正文

图表

Chart

初级通用

图表(Chart)是把数据映射成位置、长度或颜色等视觉形式的内容展示方式。它帮你看出变化、比较和分布,例如用折线图查看网站每天的访问量,而不必逐行阅读数据。

你可能会说:「我想让后台里的访问数据一眼能看出涨跌,别只给我一长串数字。」

动手看看

每日访问量
过去 7 天 · 单位:次
周一
周二
周三
周四
周五
周六
周日
周一
120 次
周二
175 次
周三
145 次
周四
230 次
周五
205 次
周六
290 次
周日
260 次
展示形式

先看折线的起伏,再切到数据表试试:哪一种能让你更快发现访问量最高的是周六?也可以悬停或聚焦图上的圆点。

折线图把日期映射到横向位置、访问量映射到高度。周三和周五的小回落,一眼就能从线条方向看出来。

要点

  1. 1

    先确定读者要看什么关系

    你想看一周内订单量怎么变,可以用折线图;想比较各渠道的订单量,可以考虑柱状图。先说清要回答的问题,AI 才不会只按数据字段随便挑一种图。

  2. 2

    让视觉元素对应明确的数据

    图里的位置、长度或颜色需要有明确含义。比如横轴放日期、纵轴放订单数,并标出单位;否则读者看到线在上升,也可能不知道它代表订单数还是销售额。

  3. 3

    给图表留出核对数值的办法

    图表适合看趋势和差异,但不一定方便读取精确值。后台用户如果还要核对某天的订单数,我们可以在悬停时显示数值,或提供配套的明细表。

容易混淆的地方

图表和表格都能展示数据,但侧重点不同:图表把趋势、比较或分布变得容易看见;表格方便逐项查找和核对精确值。统计数值则通常突出一个关键结果,比如「本月新增用户 320 人」。如果读者还需要理解这个数字如何随时间变化,就可以再配图表。

什么时候用

适合用

  • 做运营后台时,展示最近三十天的注册量,让团队快速发现哪几天出现明显变化。
  • 做销售报表时,比较各产品线的收入,让负责人看到差距,而不必逐行计算。
  • 做 AI 工具的用量页面时,展示每天的 Token 消耗,帮助用户判断用量是否持续增加。

不适合用

  • 用户只想查某笔订单的金额、时间和状态时,用表格或详情页更方便核对。
  • 页面只需突出「今日待处理工单 8 件」这一个数字时,用统计数值即可。
  • 内容是办理流程的先后顺序,而不是数据关系时,用步骤条比图表贴切。

练一练

你在做订阅产品后台。客服想查每位用户的到期日期,负责人想看近半年每月有多少用户取消订阅。负责人这部分需求适合怎样展示?

让 AI 帮你做

请为订阅产品后台做一个图表,展示近六个月每月取消订阅的人数,帮助负责人看出变化趋势。横轴按月份排列,纵轴为人数并标明单位;悬停时显示当月精确值,同时说明没有数据时页面如何呈现。

接下来学什么