图表的本质是把”数字差异”转换成”视觉差异”——但同样的数据换种画法、调下坐标轴、改下颜色，能让结论南辕北辙。理解几个常见的视觉陷阱，既能识别新闻 / 报告里的误导图，也能让自己做的图禁得起推敲。
五种最常见的误导套路
1. 截断 Y 轴的柱状图
柱状图的视觉编码是”长度”——读者看的是”哪根柱子高出多少”。截断 Y 轴从一个非零值起点开始，会成倍放大柱子之间的相对差异：
真实数据：A=100, B=105
Y 轴 0-120：
A: ████████░ (83%)
B: █████████ (88%)
→ 看起来差不多
Y 轴 95-110：
A: █ (33%)
B: ████ (66%)
→ 看起来 B 是 A 的 2 倍经典翻车：2012 年 Fox News 用一张 Y 轴起点 8.6% 的柱状图展示失业率，让 8.6% → 9.0% 的小幅变化看起来像翻番。
规则：
- 柱状图、堆叠柱、面积图 → Y 轴必须从 0
- 折线图、散点图 → Y 轴可以截断，因为这些图的视觉编码是斜率 / 位置，截断能更清晰展示变化
本工具的 yStartFromZero 选项默认开启柱图，关闭其他类型——但用户可以手动覆盖。请只在折线 / 散点上关闭它。
2. 双轴图的虚假相关
双 Y 轴允许两个不同单位的量画在同一坐标系：
左轴：销售额（万元） 0 ─ 1000
右轴：广告投入（万元） 0 ─ 100调整两个轴的范围，可以让任意两条曲线”看起来高度相关”——但两个轴的零点和缩放是人为选的，这种”相关性”是制作者构造的。
真实情况：销售额从 800 万 → 850 万（+6%），广告投入从 50 → 80 万（+60%）
单 Y 轴看：广告涨幅远大于销售涨幅
双 Y 轴调整后：两条线几乎重合，看起来"投入回报极高"替代方案：
| 替代 | 怎么做 |
|---|---|
| 相对基期 | 都按”相对第一期”百分比画在同一轴 |
| Small multiples | 画两个独立小图，并排比较 |
| 散点图 | 把”广告投入”作 X、“销售额”作 Y，每月一个点，看真实关系 |
BBC News 内部图表规范、纽约时报数据组、《Economist》视觉规范都明确不用双轴。本工具保留 combo（双轴组合图）是给”必须用”的财务场景（营收 + 同比增速），其他场景请改用相对基期。
3. 3D 饼图的透视失真
3D 饼图是最被设计师诟病的图表：
透视让前面的扇区"显大"：
___
___/ \
/ \
| 前30% | ← 看起来像 45%
|________|
\ 20% / ← 看起来像 30%
\____/加上倾斜角度、立体厚度，“前面”的扇区面积视觉上比后面大 30-50%。
经典案例：1996 年 Apple 在新闻发布会用 3D 饼图展示 PC 市场份额，自己的 5% 显得像 30%——成为可视化反面教材。
规则：
- 永远不用 3D 饼图
- 2D 饼图也只在分类 ≤ 5、差异明显时用
- 多于 5 类、差异不明显 → 横向条形图（hbar）+ 排序更清晰
本工具的 13 种图表故意不提供 3D 饼图——pie 是平面饼图，hbar 是横向条形图，建议默认用后者。
4. 面积图的”看起来翻倍”
面积图（area chart）的视觉编码是”面积”，但人眼读的是”高度”——这是面积图的固有缺陷：
单序列面积图：
/\
/ \
/ \________
/ \
________________
读者看高度变化，但"涂色面积"会强化"累计感"——容易让小波动看起来像大事件。堆叠面积图问题更大——除了最底下的序列，其他序列的”实际值”是该层高度，不是从 0 算。很多读者会误以为是”绝对量”：
堆叠面积图：
红 + 蓝 + 绿 三层堆叠
绿色的"高度"是绿色这一项的值
但视觉上读者会以为绿色"位置"代表它的值规则：
- 单序列趋势 → 折线图比面积图清晰
- 多序列对比 → 多条折线 / small multiples 比堆叠面积清晰
- 真要展示”构成随时间变化”的累计感 → 用 100% 堆叠面积（每点总和 = 100%），更明确
5. 色盲不友好的红绿对比
最常见的色盲是红绿色盲（约 8% 男性）——红色和绿色在他们眼里都是浊黄 / 浊褐：
正常视觉：红色 vs 绿色 → 强对比
红绿色盲：浊黄 vs 浊黄 → 几乎一样不友好的常见场景：
- 股票涨跌（红涨绿跌或绿涨红跌）
- 医疗指标的”达标 vs 超标”
- 地图分省着色用红绿渐变
- 数据表格”好 vs 坏”用红绿底色
色盲友好原则：
- 不依赖颜色单独传递信息——加形状（圆 / 方）、标签（文字）、图案（实心 / 斜线）
- 用 ColorBrewer / Viridis / Tableau 调色板——已经在所有色盲类型下验证过
- 改用蓝橙对比——蓝色和橙色在所有色盲类型下都能分辨
- 添加对比度——深色 vs 浅色作为第二编码
工具：Coblis 在线模拟、Mac 自带”辅助功能 → 显示 → 色彩滤镜”也能模拟。
本工具的预设调色板有”色盲友好”分类——选用即可。
13 种图表怎么选
| 数据形态 | 推荐图表 | 慎用 |
|---|---|---|
| 时间趋势（1 个序列） | 折线图 | 面积图 |
| 时间趋势（多序列） | 多条折线 | 堆叠面积、双轴 |
| 类别对比（< 7 项） | 柱状图 | 饼图 |
| 类别对比（> 7 项） | 横向条形图（排序） | 柱状图（X 轴拥挤） |
| 占比构成（≤ 5 项） | 饼图 / 环形图 | 3D 饼图 |
| 占比构成（> 5 项） | 横向条形图 | 饼图 |
| 累计值变化（瀑布） | 瀑布图 | 堆叠柱 |
| 转化漏斗 | 漏斗图 | 横向柱 |
| 二维分布 | 散点图 | 折线 |
| 多维度评分 | 雷达图（≤ 6 维） | 平行坐标 |
| 矩阵相关 | 热力图 | 表格 |
| 股价 OHLC | K 线图 | 折线（丢失高低价） |
| 营收 + 增速 | 建议双轴组合（必须用时） | 双 Y 轴折线 |
数据标签的开关取舍
数据标签（每个柱 / 点上印数字）开还是关：
- 柱图、瀑布图、漏斗图：建议开——配合视觉编码增强精确度
- 散点图、折线图（多序列）：建议关——标签会重叠，反而看不清
- 雷达图、热力图：开（雷达数字小）/ 关（热力图本身用颜色编码）
铁律：开了数据标签就关掉网格线——双重信息冗余且杂乱。
字体和留白
图表常被忽略的细节：
- 标题字号 = 正文字号 × 1.5
- 轴标签字号 = 正文 × 0.85
- 数据标签字号 = 正文 × 0.85
- 标题、X 轴、Y 轴各自有 8-12px 内边距
- 图例放右上 / 顶部，不放底部（违反阅读顺序）
- 多图并排时统一坐标范围——便于对比
本工具默认按这套间距。导出 PNG / SVG 时保留矢量字体，缩放不糊。
一句话总结
不截 Y 轴、不双轴、不 3D 饼图、不红绿对比、不滥用面积图——五条做到，图就不会骗人也不会被骂。