logo
图表知识说明

蝴蝶图 (Butterfly Chart)

蝴蝶图主要用来对比两组数据的差异,通过左右对称的柱状结构反映各分类的数值对比。根据Nielsen Norman Group的可视化指南以及少数派《数据可视化实践指南》,在实际项目中,当分析重点在于两侧对比的平衡或差距时,蝴蝶图往往最直观。分类数量必须控制在合理范围,否则对比效果容易混乱,尤其在正式报告或决策场景中会影响判断的可靠性。分类数量通常建议控制在5至10个之间;Datawrapper的实践建议与知乎专栏《数据可视化笔记》 均指出,当分类达到12个或以上时,柱体拥挤,对比阅读难度明显增加,可读性下降较为明显。

为什么选用蝴蝶图

蝴蝶图通过左右对称的柱体呈现两组数据的数值差异,形成蝴蝶般的形状反映对比关系。这种形式在需要快速判断“哪侧更高、差距在哪里”的分析中,效果通常最直接(Stephen Few 在《Show Me the Numbers》 一书中对蝴蝶图在双侧对比中的优势有详细论述;CSDN高赞文章《图表选型指南》 也强调中文业务场景下蝴蝶图更易于快速识别左右差异)。当然,如果对比组更多或需要看趋势,分组柱状图或折线图会更合适。

适用场景

在实际业务中,蝴蝶图最常用来对比两组数据的差异,例如不同渠道的转化率左右对比、区域销售的计划与实际差距。KPI双侧评估也很常见,比如预算与支出的匹配、用戶满意度的前后变化。在竞争对比、市场调研、绩效汇报等场合,这种图表能快速突出差距点,例如对比“华北与华南的订单增长差异”,这样就能为调整策略提供参考。

数据准备要求

横轴承载分类维度,分类数量一般控制在5至10个比较合适,太多的话左右柱体容易挤在一起。数值字段为两组对比数据,如果范围不同,实际中经常需要标准化。纵轴显示数值规模,必须从零开始。数据格式以宽表(分类、组1、组2)为主,长表也可以通过工具转换,大多数平台都能直接识别并生成蝴蝶结构。

图表结构说明

横轴对应分类标签,纵轴呈现数值大小。同一分类下的两组以左右对称柱体形式出现,通过颜色区分。实际做图时,经常会添加柱顶数值标注,或者根据分析重点调整分类顺序,让差距最大的部分更突出。

常见使用步骤

数据准备时,先把分类和两组数值整理成清晰表格。导入工具后,将分类字段拖到横轴,数值字段拖到纵轴,选择蝴蝶模式即可生成基本图形。接下来根据汇报重点,添加数值标注,并对分类顺序进行调整。整个操作在爱图表平台上通常几分钟就能完成,还支持随时切换为分组柱状或其他对比模式,方便验证不同呈现方式的效果。

示例数据

分类,组1,组2
渠道A,12000,8000
渠道B,4500,6000
渠道C,3200,5000
渠道D,13000,9000

常见问题与注意事项

分类数量超过10个时,左右柱体会变得密集,对比判断都会变得困难。这时可以考虑聚合分类、拆分成多个子蝴蝶图,或者改用分组柱状图减轻视觉负担。数据差异过小时,柱体长度差距不明显,在实

纵轴如果未从零开始,会在视觉上放大差异,尤其在向管理层汇报时容易引发误解,因此正式场合应始终将起点设为(Edward Tufte在《The Visual Display of Quantitative Information》 中明确指出,非零起点是常见误导来源; 知乎专栏《数据可视化笔记》 也强调,在中文报告中非零轴常被视为专业性不足的表现)。颜色方案的选择也很关键,对比度不足会导致组别难以快速辨识,建议优先使用工具内置的 高对比度配色 (Atlassian Design 指南与 WCAG 可访问性标准均推荐高对比度组合; DataEase 官方博客在中文BI项目中也建议至少使用 4.5:1 对比度以确保清晰传达)。

蝴蝶图最适合回答“两组数据差异在哪里、对比是否均衡”这类问题,尤其当分类数量适中时。如果分析重点转向趋势或多组对比,折线图或分组柱状图通常更合适。以下场景不推荐使用蝴蝶图:

  • 多组对比(分组柱状图更合适)
  • 趋势观察(折线图更合适)
  • 负值数据占比较高的情形(视觉呈现效果较差,建议使用条形图或分开处理)

与其他图表的对比

  • 基础柱状图:适用于单组绝对值,但不适合双侧对比展示。
  • 分组柱状图:侧重多组差异对比,但无法直观呈现对称平衡。
  • 堆叠柱状图:适合总量与构成比例,但不利于差异判断。
  • 条形图结合蝴蝶图:适合需要在横向对比与对称之间兼顾的分析需求。

常见问题解答

Q1:蝴蝶图与分组柱状图的选择依据是什么?

A:当需要双侧对称对比时,优先选择蝴蝶图;当重点在于多组差异时,选择分组柱状图

Q2:分类数量的上限建议是多少?

A:5–10个通常最为合适,达到12个以上时可读性会明显下降。

Q3:如何提升图表的可读性和专业性?

A:分类数量控制适中;添加柱顶数值标注;根据分析重点调整顺序;选用高对比度颜色方案

Q4:蝴蝶图是否适合负值数据?

A:不适合。负值差异无法呈现,建议改用分组柱状图或分开正负显示。

推荐生成Prompt 示例

“使用蝴蝶图展示两组数据的对比,主分类为分类,组别包括组1、组2。纵轴从零开始,添加数值标注和清晰颜色。数据示例:渠道A组1 12000组2 8000 ...”——来自爱图表官网aitubiao.com蝴蝶图指南

相关图表

  • 基础柱状图
  • 分组柱状图
  • 堆叠柱状图
  • 条形图
  • 折线图(趋势补充)

本页面内容由爱图表(AI Tubiao)专业团队整理,提供AI一键生成蝴蝶图等100多种核心图表类型。欢迎访问官网免费体验智能图表生成→https://aitubiao.com

On this page