图表
Chart
初级通用图表(Chart)是把数据映射成位置、长度或颜色等视觉形式的内容展示方式。它帮你看出变化、比较和分布,例如用折线图查看网站每天的访问量,而不必逐行阅读数据。
你可能会说:「我想让后台里的访问数据一眼能看出涨跌,别只给我一长串数字。」
动手看看网站每日访问量
每日访问量
过去 7 天 · 单位:次
周一
周二
周三
周四
周五
周六
周日
展示形式
先看折线的起伏,再切到数据表试试:哪一种能让你更快发现访问量最高的是周六?也可以悬停或聚焦图上的圆点。
折线图把日期映射到横向位置、访问量映射到高度。周三和周五的小回落,一眼就能从线条方向看出来。
要点做一个图表,先想清楚什么?
- 1
先确定读者要看什么关系
你想看一周内订单量怎么变,可以用折线图;想比较各渠道的订单量,可以考虑柱状图。先说清要回答的问题,AI 才不会只按数据字段随便挑一种图。
- 2
让视觉元素对应明确的数据
图里的位置、长度或颜色需要有明确含义。比如横轴放日期、纵轴放订单数,并标出单位;否则读者看到线在上升,也可能不知道它代表订单数还是销售额。
- 3
给图表留出核对数值的办法
图表适合看趋势和差异,但不一定方便读取精确值。后台用户如果还要核对某天的订单数,我们可以在悬停时显示数值,或提供配套的明细表。
容易混淆的地方
图表和表格都能展示数据,但侧重点不同:图表把趋势、比较或分布变得容易看见;表格方便逐项查找和核对精确值。统计数值则通常突出一个关键结果,比如「本月新增用户 320 人」。如果读者还需要理解这个数字如何随时间变化,就可以再配图表。
什么时候用
适合用
- 做运营后台时,展示最近三十天的注册量,让团队快速发现哪几天出现明显变化。
- 做销售报表时,比较各产品线的收入,让负责人看到差距,而不必逐行计算。
- 做 AI 工具的用量页面时,展示每天的 Token 消耗,帮助用户判断用量是否持续增加。
不适合用
- 用户只想查某笔订单的金额、时间和状态时,用表格或详情页更方便核对。
- 页面只需突出「今日待处理工单 8 件」这一个数字时,用统计数值即可。
- 内容是办理流程的先后顺序,而不是数据关系时,用步骤条比图表贴切。
练一练选一个答案,看看解释
你在做订阅产品后台。客服想查每位用户的到期日期,负责人想看近半年每月有多少用户取消订阅。负责人这部分需求适合怎样展示?
让 AI 帮你做复制给 AI Agent 直接用
请为订阅产品后台做一个图表,展示近六个月每月取消订阅的人数,帮助负责人看出变化趋势。横轴按月份排列,纵轴为人数并标明单位;悬停时显示当月精确值,同时说明没有数据时页面如何呈现。