# 数据对比条（Versus Comparison）

镜语 · 特效与转场 / 标注与数据

- 别名：VS 对比、左右对比条、参数对比、Head-to-Head Bars
- 口语：「两个产品参数左边一条右边一条对着比」「中间一个 VS 两边数据条长出来」
- 一句话：VS 徽章居中，两色数据条从中线向两侧生长
- 是什么：数据对比条把两个对象的同一组指标左右并排：中间是指标名或 VS 标志，左右两色条从中线向外生长，长度对应数值，一眼看出谁更强
- 缺了就不像：两个对象左右并排；同一指标的条形长度对比
- 加了更像：VS 标志；两种对比色；结论标签
- 适合用在：数码、家电产品测评对比；两种方案、两座城市的参数比较；运动、游戏里的双方数据
- 看哪里：看蓝、橙两色条从中间的指标名同时向两侧长出，长度不同；最后右下角给出结论标签。演示数据是示意值
- 注意：条的长度要和数值成比例，故意夸大会误导；「越小越好」的指标（如重量、价格）要说明方向
- 描述示例：做 Versus 数据对比条：顶部左右分别是 A 款、B 款，中间 VS 徽章旋转弹出；下方三行指标，蓝色条从中线向左、橙色条向右同时生长，数值显示在条的外端，最后出现「B 款三项全胜」结论
- 易混：
  - [柱状图生长](https://idea.ameng.dev/terms/bar-chart-grow.md)：柱状图生长比较多个类别；数据对比条只比两个对象，左右对称
  - [分屏](https://idea.ameng.dev/terms/split-screen.md)：分屏并排两段画面；数据对比条并排的是数值

## 来源与延伸阅读

- [Financial Times · Visual Vocabulary（Comparison）](https://github.com/Financial-Times/chart-doctor/tree/main/visual-vocabulary)

网页版（含演示）：https://idea.ameng.dev/terms/versus-bars