页面树结构

版本比较

标识

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

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)数据量不宜过多,建议不超过7个。

适用场景:堆叠面积图中,建议变化量较大的数据放在上方,变化量较小的数据放在下方。

不适用场景:

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

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

面板
borderColor#BBBBBB
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}

情景1
情景1
Title_font_1
Name情景1

业务场景描述:

查看公司各类产品的销售额。

数据结构:

Image RemovedImage Added

定制要点:

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

预览效果:

 

Title_font_1
Name情景2

业务场景描述:

查看公司各产品的销售额。

数据结构:

Image RemovedImage Added

定制要点:

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

预览效果: