logo
为了能更好地了解您的商业使用需求,请参与 Ant Design Blazor 商业应用调查,一起建设商业应用社区,为企业系统研发赋能!

Bar基础条形图

何时使用

Examples

分组条形图是基础条形图的扩展形式,适合于在同一个轴上展示不同维度下相同分类的数据。相比于堆叠条形图,分组条形图更适合进行不同维度下同一分类的横向数值的比较,但缺点是无法直观的看到各维度总和的对比。

分组条形图和堆叠条形图是一对“矛盾”,一方的缺点恰恰是另一方的优点,可以根据具体场景选择使用。

expand code expand code

堆叠条形图是基础条形图的扩展形式,将每个条形进行分割,以显示大类目下的细分类目占比情况。堆叠条形图可以展示更多维度的数据:大类目之间的数值比较、大类目下各细分类目的占比情况、不同大类目下同一细分类目的横向数值比较。

堆叠条形图的一个缺点是堆叠太多时会导致数据很难区分对比,同时很难对比不同分类下相同维度的数据,因为它们不是按照同一基准线对齐的。

expand code expand code

条形图即是横向柱状图,相比基础柱状图,条形图的分类文本可以横向排布,因此适合用于分类较多的场景。

expand code expand code

在堆叠条形图的基础之上,大类目下各细分目的占比进行归一化,就形成了百分比堆叠条形图。

expand code expand code
文档已更新,请点击 此处 更新。
A new version of this app is available. Click here to update.