Skip to content

搞英语 → 看世界

翻译英文优质信息和名人推特

Menu
  • 首页
  • 作者列表
  • 独立博客
  • 专业媒体
  • 名人推特
  • 邮件列表
  • 关于本站
Menu

什么是堆积条形图?

Posted on 2022-06-29

几年前,我们在这个博客上发布了一个与几年前一样重要的问题:“堆叠条形图有没有好的用例? ”

堆积的酒吧无处不在;您可能在最近的报告、仪表板或媒体中看到过它们。尽管它们很流行,但它们通常都被滥用和误解。在本指南中,我们将通过分享示例、阐明何时应该(不应该)使用堆叠条形图以及讨论堆叠条形图的最佳实践来纠正这些错误。

什么是堆积条形图?

虽然这看起来很明显,但堆叠条形图与标准条形图不同。传统条形图以条形的形式显示单个分类变量。堆积条形图显示两个分类变量。第一个(和主要)变量沿条的整个长度显示,第二个变量表示为每个分类条内的堆栈。

让我们看一个例子。

在这里,我们有几种设备的总生产水平和预测:平板电脑、手机和笔记本电脑。所有设备的总产量可以显示在标准条形图中。但是,如果我们还想了解设备的细分情况,我们可以将传统的条形图转变为显示组件贡献的堆叠条形图。现在我们有两个分类变量:年份和设备。

标准条形图与堆积条形图的比较

什么时候可以使用堆叠条?

在下面的例子中,很容易看出总产量在 2019 年和 2020 年下降,在 2021 年增加,预计未来三年将继续增长。要发现这些见解,请扫描条形的顶部,或将每个条形的总高度与其他条形的总高度进行比较。

同样清楚的是,与其他便携式设备相比,手机(蓝绿色)的生产频率更高,平板电脑(蓝色)的产量最小,笔记本电脑(紫色)的产量近年来有所下降,但预计会增加。

这里有几个有价值的外卖。如果您必须同时讨论总体和子组件细分,但您的主要目标是关注条的总长度,那么堆叠条可能会起作用。反之则不然。

什么时候不应该使用堆叠条?

如果您的主要目标是比较每个条中的子组件,请小心。这是许多堆叠条形图失败的地方。

请注意查看笔记本电脑生产的详细信息是多么容易,但要对其他设备做同样的事情要困难得多?这是因为“笔记本电脑”是该图中最底部的子组件。堆叠条形图中的底部子类别始终是最容易比较的,因为它在所有条形图中都有一致的基线。就像我们可以快速扫描整个堆栈的顶部以轻松比较条形的总高度一样,我们可以通过扫描顶部来快速比较本示例中的紫色段,因为我们知道每个段的底部开始在同一个地方(通常为零)。

挑战自己回答有关此图表中其他子类别的问题。近年来手机生产水平是增加还是减少?平板电脑呢?由于这些类别在堆栈中更高,不再与一致的基线或起点对齐,因此更难看到有关数据的见解。

如果显示多个子类别的精确分析很重要,那么迭代到与堆叠条形图不同的方法会更好:例如,取消堆叠条形并显示单独的条形图;或者,完全放弃条形图,并使用折线图。

堆叠条的变化

到目前为止,我们只查看了典型的堆积条形图。与其他图表类型类似,存在相关的替代方案。

100% 堆积条形图

在堆叠系列中,您可以选择可视化百分比而不是绝对值,从而创建 100% 堆叠条形图。在此变体中,条形从 0 延伸到 100%。好处是有两个基线。与原始版本不同,由于起点一致,您现在可以轻松地跨条比较两个类别。

继续这个例子,假设目标是强调平板电脑和手机的生产。我们可以将一个类别放在顶部,另一个放在底部,因此很容易看出生产水平在总体中的比例是在缩小还是在增长。

水平堆积条形图

任何版本的堆积条形图都可以垂直或水平使用。到目前为止,我们只考虑了垂直选项,因为我们示例中的主要变量是时间,大多数西方观众在从左到右呈现时会更直观地理解。

以下是一些水平堆叠条的示例:

  • 发展重点

  • 患者人群

  • 调查数据

设计堆叠条的最佳实践

许多标准钢筋的设计技巧也适用于堆叠钢筋。

  • 作为一般规则,条之间的任何间隙都应比条本身小得多。如果您使用 Excel,条间距的一个合适值是介于 30% 和 35% 之间。

  • 通过保持数据的固有顺序或从最大到最小排列条形来有意设置条形的顺序。

  • 将数据标签移动到条形的末端。

  • 不要截断条的长度。

您可以在什么是条形图指南中阅读更多这些基本技巧。这里还有一些需要注意的堆叠条特定的注意事项。

沿基线放置最重要的堆栈

一个类别的堆栈越靠前,就越难将它与其他条形进行比较。如果某个特定类别很重要,请考虑将其移至最接近基线的位置。如果这不可能,请注意此图表类型可能不适合给定场景。

添加白色边框以增加可访问性

如果堆栈的颜色相似或没有足够的对比度,那么人们可能很难看到一个部分的开始和结束位置。为了解决这个问题,请使用边框来分隔各个部分。细的白色边框效果很好,因为它具有分离堆叠的视觉效果,但不会让人感到沉重或分散注意力。

标记条形时考虑对比

在条形内添加数据标签时,请确保标签与条形的背景颜色有足够的对比度。如果他们不这样做,标签将难以阅读。许多工具的默认设置是使用黑色或深灰色,但使用较深的颜色堆栈(例如下面示例中的紫色和蓝色),很难触及深色标签。相反,请使用较浅的颜色。

其他堆积条形图示例

我们已经看到了一些堆叠条形图的示例,这些条形图可以有效地用于传达宏观信息以及一些详细的要点。以下是一些其他示例,其中堆叠条可以很好地完成工作:

  • 100% 堆叠条形改造:显示全貌

  • 另一个 100% 堆叠的酒吧改造:整理! (和问题默认设置)

  • 制作堆叠条的案例

  • 我们公开呼吁堆叠条的良好用例

要练习使用上述技术,请查看这些以条形图为主题的练习:美学很重要,让数据栩栩如生。

想了解更多?在SWD 图表指南中查看我们关于其他图表类型的深入文章。

原文: https://www.storytellingwithdata.com/blog/stacked-bars

本站文章系自动翻译,站长会周期检查,如果有不当内容,请点此留言,非常感谢。
  • Abhinav
  • Abigail Pain
  • Adam Fortuna
  • Alberto Gallego
  • Alex Wlchan
  • Answer.AI
  • Arne Bahlo
  • Ben Carlson
  • Ben Kuhn
  • Bert Hubert
  • Bits about Money
  • Brian Krebs
  • ByteByteGo
  • Chip Huyen
  • Chips and Cheese
  • Christopher Butler
  • Colin Percival
  • Cool Infographics
  • Dan Sinker
  • David Walsh
  • Dmitry Dolzhenko
  • Dustin Curtis
  • Elad Gil
  • Ellie Huxtable
  • Ethan Marcotte
  • Exponential View
  • FAIL Blog
  • Founder Weekly
  • Geoffrey Huntley
  • Geoffrey Litt
  • Greg Mankiw
  • Henrique Dias
  • Hypercritical
  • IEEE Spectrum
  • Investment Talk
  • Jaz
  • Jeff Geerling
  • Jonas Hietala
  • Josh Comeau
  • Lenny Rachitsky
  • Liz Danzico
  • Lou Plummer
  • Luke Wroblewski
  • Matt Baer
  • Matt Stoller
  • Matthias Endler
  • Mert Bulan
  • Mostly metrics
  • News Letter
  • NextDraft
  • Non_Interactive
  • Not Boring
  • One Useful Thing
  • Phil Eaton
  • Product Market Fit
  • Readwise
  • ReedyBear
  • Robert Heaton
  • Ruben Schade
  • Sage Economics
  • Sam Altman
  • Sam Rose
  • selfh.st
  • Shtetl-Optimized
  • Simon schreibt
  • Slashdot
  • Small Good Things
  • Taylor Troesh
  • Telegram Blog
  • The Macro Compass
  • The Pomp Letter
  • thesephist
  • Thinking Deep & Wide
  • Tim Kellogg
  • Understanding AI
  • 英文媒体
  • 英文推特
  • 英文独立博客
©2025 搞英语 → 看世界 | Design: Newspaperly WordPress Theme