页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

概要说明

柱图是指使用垂直的柱子显示类别之间的数值比较,柱状高低反映数量多少,其中一个轴表示需要对比的分类维度,另一个轴代表相应的数值。

柱图通常用来反映分类项目之间的比较:

1、显示单个分类项目间的比较情况。这类柱图是最常用的一类柱图,如下图所示:仅对不同类别产品的销售额进行对比。

Image Modified

2、通过将每根柱子进行分割,实现一个大分类包含的每个小分类,用以显示相同类型下各个数据的大小情况:每一根柱子上的值分别代表不同的数据大小,各层的数据总和代表整根柱子的高度。这类对比通常以堆积的形式进行展现,如下图所示:通过堆积中色块的大小可以很快掌握到各产品销售情况最好的区域。

Image Modified

 

优势:肉眼就能清楚的看出数量的多少及比较出数据之间的差别。

劣势:局限于只适用中小规模的数据集(即不适合项数较多的数据)。

数据要求

       1)一个或两个维度,一个或两个度量。

       2)数据量不宜过多,建议不超过20条。

       3)维度不宜不要超过3个,度量不宜不要超过6个。

适用场景:

1)   分类数据对比,分类项建议不要超过10个。

不适用场景:

1)  分组过多,分类过多。

2)不适合表示趋势。

3)分类名称过长时,不宜使用柱图或堆积柱图。

堆积柱图构建特点

柱图的非堆积状态下,数据起点永远以“0”为起始点;堆积状态下,后一数据永远以前一数据末端为起始点。Image Modified

 

面板
borderColor#FFFFFF
bgColor#F0F0F0
borderWidth1
borderStylesolid

目录

适用业务场景

我们在业务分析中,经常会对数据进行对比分析。下面,我们将以零售公司为例,年底对公司产品销售情况进行数据分析时,通常会有如下分析需求: 

数据对比分析需求分析效果
情景1:查看当年公司各产品的销售额

该需求的数据对比分析,建议通过柱图实现。

1、通过参数进行“年份”控制

2、分类轴上显示各类别产品

3、指标轴上分布销售额

该情景详细的实现说明请参见情景1

 Image Added
情景2:查看当年各区中哪个产品销售情况最佳

该需求的数据对比分析,是以产品为基准,然后找出产品中销售情况最佳的区域,因此建议使用堆积柱图实现。

1、通过参数进行“年份”控制

2、分类轴上显示各类别产品

3、指标轴上分布销售额

Image Added
情景3:查看当年各区销售金额与采购金额的对比情况该需求的数据对比分析,柱图的分组效果和堆积效果都可以实现,不同的是堆积还可以看到总体情况的对比,根据实际业务需要选择一种即可。

1、通过参数进行“年份”控制

2、分类轴上显示各类别产品

3、指标轴上分布销售金额和采购金额

分组效果:

Image Added

堆积效果:

Image Added

情景4:查看当年各区四个季度的销售量的对比情况该需求的数据对比分析的重点是:每个区都要对比四个季度的销售量情况,因此建议使用柱图的分组效果实现。

1、通过参数进行“年份”控制

2、分类轴上显示各类别产品

3、指标轴上分布销售额

Image Added
情景5:查看当年销售排前的产品,并且需要清楚该产品所属的区

该需求的数据对比分析的重点:产品销售情况排名,同时要体现产品的区域归属,因此建议在柱图中通过“组合分类”来实现。

1、通过参数进行“年份”控制

2、分类轴上以“产品+区域”显示分类项

3、指标轴上分布销售额

 Image Added

 

实现方案

数据结构

以上业务情景的需求,我们基于的数据结构表如下:

Image Added

以上表存储了分析的关键维度和指标数据,其中“销售金额”和“采购金额”都是明细数据。

情景1
情景1
情景1

一个维度+一个度量:这种类型的柱图是最典型的基础柱图。

构建方法:

Image Added

上图是典型的基础柱图:只展示一个维度“区域”和一个度量“数量”,从柱图中可以直观的看出:华北区的数量值最大,华中区的数量值最小。

效果2
效果2
情景2

方案1
方案1
分组效果

一个维度+多个度量:这种组合是分组柱图的一种情况。

维度:维度分布在分类轴。

度量:系统以默认渐变色配色方案标识不同的度量项,柱状高度显示不同的数据值大小,且指标轴的刻度以数据范围最大的维度字段为刻度基准。

实例:“发货区域”维度+“数量”、“运费”度量

Image Added

方案2
方案2
堆积效果

两个维度+一个度量:这种组合是分组柱图的另一种情况。

维度:两个维度都分布在分类轴,以系统默认渐变配色方案标识第二个选中的维度。

度量:度量分布在指标轴。

实例:“发货区域”、“年”维度+“数量”度量

Image Added

效果3
效果3
情景3

两个维度+多个度量

维度:第一个选中的维度分布在分类轴,第二个选中的维度以“颜色“标记项中的不同配色标识。

度量:所有度量与所有维度进行组合,每个组合以一根柱状表示该组合中度量值的大小,且指标轴的刻度以数据范围最大的维度字段为刻度基准。

实例:“发货区域”、“年”维度+“数量”、“运费”度量

Image Added

修改配色

1、单色配色

单色配色是指将“数量”系统默认显示的蓝色改成其它颜色。

选中柱图组件,在“标记区”中单击 颜色 标记项,弹出颜色选择窗口,确定颜色后,在颜色窗口外单击即可。

Image Added

2、多色配色

多色配色是指设置每个区域以不同的颜色显示。

选中柱图组件,从左侧资源中拖拽字段“发货区域”到“标记区”的 颜色 标记项,系统显示默认多色。如下图所示:

Image Added

单击“标记区”的 颜色 标记项,弹出多色选择窗口,可以修改多色配色方案。

 

子图列表

以实际的业务需求和美观性为出发点,柱图衍生出多种不同形态的子图:横条图、堆积柱图、堆积横条图、极坐标柱图和极坐标堆积柱图,用来更好的表现和满足不同的数据对比需求。

 Image Added    堆积柱图

 横条图  堆积横条图 

 极坐标柱图  极坐标堆积柱图

柱图及其子图的各设置项详情请参见 图形组件-样式 。