一张图表可能数据没有填错，却让人得出错误结论：订单从40增加到50，柱子看起来翻了三倍；两个渠道转化率接近，却因为纵轴不同显得相差悬殊；“增长20%”没有说明是在比较人数、订单还是金额。数据可视化误导往往发生在编码、口径和上下文之间，而不是配色够不够漂亮。
这份清单面向设计运营看板、数据报告和业务后台的产品设计师。检查顺序是先确认数据回答什么问题，再校验图形比例，最后检查文字与交互。图表类型还未确定时，可以先看常用数据可视化形式；本文专注已经画出的图是否会被误读。
1. 先写清楚指标、分母和时间范围
给每张图补齐五项信息：指标名称、计算公式、统计对象、时间区间、数据来源或更新时间。例如“本周支付转化率”应该进一步明确为“本周完成支付的去重用户数÷本周进入结算的去重用户数”。如果分子统计订单、分母统计用户，这个比值就不是原本想表达的用户转化率。
检查本周与上周是否都是完整七天，是否使用相同的时区和退款处理规则，是否把测试账号排除在同一范围之外。指标卡写“截至周三”，趋势图却展示完整上周，会让读者自然地把尚未结束的一周当成下降。可以比较相同已过天数，或将本周标为进行中，并同时保留完整周期入口。
验收时让没有参加设计的同事用一句话复述指标。只要他不能说出“谁、在什么时候、做了什么”，就先完善标题和口径说明。说明不必全部堆在图上：标题承载核心指标，副标题放时间和单位，详细口径可以放在可访问的说明入口中。
2. 柱形图从零开始，折线图按分析任务确定范围
柱形图用长度比较数量，截断基线会破坏这种比例关系。对于40和50，从35开始绘制后，可见柱长是5和15，读者会看到三倍差距；实际50只是比40多25%。修正方法是把数量轴恢复到0，保留数值标签。ONS坐标轴指南也区分了需要零基线的柱形图、面积图，以及可按需要调整范围的折线图、散点图。
因此不能把“所有图表都必须从零开始”当成通用规则。观察某个指标在98至100之间的细小变化，折线图可以采用更紧凑的纵轴，但刻度应清楚，标题不能把小幅波动描述成剧烈暴涨。若汇报既关心绝对水平又关心微小变化，可以并列展示整体视图和局部视图，明确标出各自范围。
两张需要直接比较的趋势图则应优先使用相同刻度。先把所有数据的最小值和最大值写出来，再决定公共范围；不能让每张图自动缩放后只比线条的倾斜角度。移动端缩窄画布也会改变坡度观感，所以结论应引用数值，而不是“这条线看起来更陡”。
双纵轴尤其需要谨慎。将订单数放在左轴、广告费用放在右轴，只需调整两边范围，就能让两条线看起来高度同步或完全分离。若主要任务是比较各自变化，先考虑上下排列的两张图，共享时间轴并清楚标注单位；确实需要双轴时，也应在图例、轴标题和数值提示中明确各自对应关系。
3. 区分百分点、增长率和面积比例
转化率从10%到12%，增加的是2个百分点，相对增长率是20%。把两者都写成“提升2%”会造成歧义。设计稿应让字段名与展示值对应：变化量用“+2个百分点”，相对变化用“+20%”，并在悬浮说明或指标口径中提供计算方式。负数、零分母和缺失值也要单独定义。
大小气泡更容易出错。若用圆面积表示数量，数量4和9对应的半径比例应为2比3，不能直接把直径设成4比9，否则面积比例会变成16比81。先确定编码的是半径、面积还是颜色强度，再让设计与研发使用同一计算规则。精确比较很重要时，直接使用条形图或数值表更易读。
饼图或环形图还需要确认每一项属于同一个整体，并且分类互不重叠。“购买过A商品的用户”和“购买过B商品的用户”可能同时包含同一个人，不适合直接拼成占比100%的圆。多选问卷的各项比例允许加总超过100%，应该标明分母并使用条形图，而不是为了凑整把数据重新归一化。
4. 不用时间裁剪和平均值隐藏关键变化
选择时间范围本身就是一次编辑判断。活动结束后只截取上涨的三天，容易把短期变化包装成长期趋势；把异常峰值压进月平均值，又可能掩盖需要排查的问题。给读者保留切换周、月、季度的入口，并说明活动、停机、统计口径调整等关键事件。
同样的平均处理时长，可能对应大部分订单很快、少数订单极慢，也可能对应所有订单都略慢。若决策关注“多少用户等待过久”，就不能只展示平均数。可以增加分布、分位数或超时比例，但先解释所选统计量回答的问题，避免把几个陌生术语摆在一起作为专业感装饰。
相关性也不能直接写成因果关系。广告投入与订单同时上涨，可能同时受到节假日、价格、渠道或新增门店影响。图标题可以写“广告投入与订单在本月同步增加”，不要仅凭两条曲线就写“广告带来全部订单增长”。需要因果判断时，应交给相应的实验或分析方法，而不是靠图表叠加完成。
5. 颜色表达分组，不替代标签和单位
为分类使用可区分的颜色，为有序数值使用顺序明确的色阶，为正负偏差使用有中心点的发散色阶。不要把更亮的颜色随意赋给更小的数值，也不要在不同页面将同一渠道分别涂成不同颜色。相同颜色的稳定含义可以减少读者反复查看图例的成本。
仅用红绿区别异常与正常仍不够。依据W3C颜色使用要求，信息不能只通过颜色传递。折线可以配合线型与直接标签，告警可以增加文字和图标；移动端不要把唯一的数值解释藏在只能鼠标悬停出现的提示框中。文字可读性可继续参考UI对比度检查方法。
6. 用订单看板做一次完整验收
准备一组可以手算的数据：渠道A进入结算100人、支付40人；渠道B进入结算200人、支付50人。若比较支付人数，B更高；若比较支付转化率，A为40%，B为25%。这两张图可以同时成立，错误的是用“渠道B效果最好”把不同指标混成一个结论。
把看板拆成支付人数和转化率两块，分别标注“人”和“%”。人数图从零起，转化率使用同一纵轴范围，数据表保留分子与分母。再增加两个边界样本：渠道C没有进入结算用户，显示“暂无可计算数据”；渠道D有进入结算用户但无人支付，显示0%。空值和真实零值必须在视觉和说明中区分。
再检查排序是否改变了结论。按支付人数排序时B在前，按转化率排序时A在前，当前排序方式应该在表头或控件中可见。切换指标后，可以重排，也可以保留原顺序，但规则必须明确。同一个渠道在筛选前后名称、颜色和单位都应保持一致，避免用户误把位置变化理解为另一组数据。筛选后的表格若支持批量处理，还应明确跨页全选与批量操作的范围，避免操作中悄悄包含当前画面之外的记录。
在Pixso中可以把桌面、移动和无数据状态放在同一个文件里，给指标口径与异常样本加注释，邀请产品、分析和研发逐项确认。需要绘制基础图形时，可结合折线图和圆环图制作方法搭建版面，数据比例仍应由明确的计算结果决定。
7. 发布前逐项检查，而不只看截图
- 标题中的结论能否由当前数据直接支持，是否混淆数量与效率？
- 单位、时间、分母、缺失值和数据更新时间是否清楚？
- 柱形基线、气泡面积、百分比和多个面板的刻度是否正确？
- 改成灰度、缩到手机宽度后，标签与系列仍能辨认吗？
- 筛选、排序、切换周期后，口径说明是否一起更新？
- 导出的图片或PDF是否保留标题、单位和来源，而非只截走图形？
审阅时可以把“截图看起来正确”和“数据关系正确”分开签核：设计负责信息呈现，数据负责人确认口径，研发确认交互后的一致性。更完整的图表制作规范可参考ONS数据可视化手册。最终交付应让读者看到真实差异，也看得到结论的边界。
