| (window.webpackJsonp=window.webpackJsonp||[]).push([[103],{397:function(n,t,e){"use strict";e.r(t),t.default='# 堆叠柱状图\n\n堆叠柱状图是柱状图的扩展。但区别在于，柱状图的数据值为并行排列，堆叠柱图则是一个个叠加起来的。它可以展示每一个分类的总量，以及该分类包含的每个小分类的大小及占比。因此，非常适合处理部分与整体的关系。\n\n与饼图显示单个部分到整体的关系不同的是，堆叠柱状图可以显示多个部分到整体的关系。例如一个班级体育课选课的各项目人数统计，你可以用柱状图或饼图来展示。但是，当需要进一步区分男生和女生参与到不同项目中的人数分别是多少时，就需要把每个项目中包含的男生数和女生数都展示出来。如图选用堆叠柱状图，不仅能显示每个项目的总人数，还能展示出每个项目中的一部分与整体的关系。\n\n<iframe max-width="830" width="100%" height="400"\n src="https://gallery.echartsjs.com/view-lite.html?cid=xBk7oUNwEz">\n</iframe>\n\n## 堆叠柱状 \b 图的使用建议\n\n1、遵循基本的柱状图使用原则。为了使图表易于理解，请避免使用太多颜色，不要刻意展示被截断的数据误导读者。\n\n2、堆叠柱状图不适合用于对比不同分组内同个分类之间的数据大小。\n\n3、堆叠柱状图最好的展示效果是每个组只包含两到三个类别，最多不要超过 6 个，因为太多的数据系列会使数据的阅读和分辨变得非常困难。\n\n4、由于要分析部分数据在整体中的占比，因此要避免用堆叠柱状图展示包含负数的数据。\n\n5、大多数的堆叠柱状图都是垂直绘制的，但是如果你的数据标签特别长时，考虑更好地展示效果，可以选择使用水平堆叠的方式。\n'}}]); |