图表设计别让用户看错数字——数据可视化的五个坑

帮客户改后台报表时发现一个吓人的问题：他们的「销售额趋势图」Y轴起点不是零，增长幅度看起来翻了三倍，老板差点按这个视觉比例做决策。图表设计的第一原则，就是别让用户看错数字。

坑一，Y轴截断。柱状图Y轴不从0开始，视觉比例会严重骗人，5%的增长看起来像50%。折线图为了展示波动可以截断，但必须在轴上标注清楚，否则就是误导。

坑二，颜色只有红绿。红绿对比对色弱用户不友好，全球大概8%的男性和0.5%的女性有不同程度的色觉障碍。别用「红=差、绿=好」这种单一编码，要叠加形状、文字或方向箭头。

坑三，3D饼图和双饼图。3D透视会扭曲扇区面积，透视角度让后面的扇区看起来更大。饼图超过5个分类就别用了，改条形图，人眼对长度的判断比对角度的判断准得多。

坑四，没有数据标签。图表不标具体数值，读者只能靠猜，猜错就得出错误结论。重要的数字直接标在图上，2026年销售额368万这种，比一条优美的曲线有用。

坑五，移动端没适配。PC上6列的表格，手机上挤成一团根本看不清。2026年我手头站点的移动端流量占七成，图表必须考虑竖屏：横向长图改成上下堆叠，字号至少12px。

工具方面，ECharts免费功能全，做网页图表首选；不想写代码用Flourish和Datawrapper，模板好看；企业级报表用Tableau，就是贵。怎么选都行，关键是把上面五个坑避开。

最后给个自检方法：图表做完，截图缩小到看不清文字的程度。如果这时候还能读出关键信息，说明图表合格；如果缩小的图就是一团色块，重做。

标签： 数据可视化 图表设计 UI设计