页面树结构

版本比较

标识

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

Title_font
Name概要说明

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}
面积图在折线图的基础上将折线与分类(X)轴之间填充颜色或者纹理,形成一个面表示数据体积,反映了数据的变化趋势的大小。

Title_font_1
Name面积图特点说明如下:

优势:显示数据变化趋势的大小。

数据要求:

1)一个或多个分类值,一个或多个指标值。

2)数据量不宜过多,标准面积图建议不超过4个组数据,堆叠面积图建议不超过7组数据。

3)堆叠面积图中,建议变化量较大的数据放在上方,变化量较小的数据放在下方。

适用场景: 

1)线图适合二维的大数据集,还适合多个二维数据集的比较。 

2)  反映变化趋势的大小,关联性。 

3)  线图适合大数据集的趋势分析,尤其适合非离散型维度分析,比如时间,价格走势 。

适用场景: 面积图适合二维的大数据集、多个二维数据集的比较。

不适用场景:

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

2)不能用于包含负值的数据的展示。

面板
borderColor#FFFFFF
bgColor#F0F0F0
borderWidth1
borderStylesolid

目录

 

 

 

 

Title_font_1
Name标准面积图和堆积面积图的对比说明如下:

标准面积图堆积面积图

显示数据变化趋势的大小。显示数据变化趋势的大小及部分量对于总体量关系。

1.数据对比差异

  • 标准面积图:不支持图表有重叠的数据显示
  • 堆积面积图:支持图表有重叠的数据显示

2.实用性差异

  • 标准面积图:支持对比的分类项不宜过多。
  • 堆积面积图:可以支持较多的对比分类项。

3.图形构建差异

  • 标准面积图:数据构建的面积以“0”为起始点。
  • 堆积面积图:最后一条数据面积表示所有数据面积的总和。

 

 

Title_font
Name业务情景

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

我们在业务分析中,经常会对趋势进行对比分析。

下面我们以零售公司为例,年底对公司产品销售额变化情况进行数据分析时,通常会有如下分析需求:

数据对比分析需求分析效果
情景1:查看公司各类产品的销售额在各个月份变化情况的大小。

该需求的数据对比分析,是想要查看每个类别销售变化情况具体的大小。建议通过标准面积图实现。

1、分类轴上显示每个月销售的产品类别

2、指标轴上分布销售额。

该情景实现的详情请参考 情景1

情景2:查看公司各产品的销售额在各个月份的变化大小总量。

该需求的数据对比分析,是需要查看各类产品的销售情况趋势大小的总和。因此建议使用堆积面积图实现。

1、分类轴上每个月销售的产品类别

2、指标轴上分布销售额。

该情景实现的详情请参考 情景2

 

 

Title_font
Name实现方案

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

Title_font_1
Name情景1

业务场景描述:

查看公司各类产品的销售额在各个月份变化情况的大小。

数据结构:

定制要点:

将“月份”字段作为“分类(X)轴”,“产品类别”字段作为“并列轴”,“销售额”字段作为“指标(Y)轴”。

预览效果:

Title_font_1
Name情景2

业务场景描述:

查看公司各产品的销售额在各个月份的变化大小总量。

数据结构:

定制要点:

将“月份”字段作为“分类(X)轴”,“产品类别”字段作为“并列轴”,“销售额”字段作为“指标(Y)轴”。

预览效果: