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

Column柱状图

何时使用

Examples

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

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

expand code expand code

柱状图用于描述分类数据之间的对比,如果我们把时间周期,如周、月、年,也理解为一种分类数据 (time category),那么柱状图也可以用于描述时间周期之间的数值比较。

expand code expand code

直方图,形状类似柱状图却有着与柱状图完全不同的含义。直方图牵涉统计学的概念,首先要对数据进行分组,然后统计每个分组内数据元的数量。 相关概念:

  • 组数(bin number):在统计数据时,我们把数据按照不同的范围分成几个组,分成的组的个数称为组数

  • 频数(bin width):分组内的数据元的数量除以组距

expand code expand code

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

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

expand code expand code

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

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