Echarts图形-标准面积图/堆积面积图

概要说明

面积图在折线图的基础上将折线与分类（X）轴之间填充颜色或者纹理，形成一个面表示数据体积，反映了数据的变化趋势的大小。

面积图特点说明如下：

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

劣势：局限于只适用中小规模的数据集（即不适合项数较多的数据）。

数据要求：

1）一个或多个分类值，一个或多个指标值。

2）数据量不宜过多，建议不超过7个。

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

不适用场景：

1）分组过多，分类过多。

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

标准面积图和堆积面积图的对比说明如下：

类

型

标准面积图

堆积面积图

含

义

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

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

图

形

差

异

说

明

1.数据对比差异

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

2.实用性差异

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

3.图形构建差异

标准面积图：数据起点永远以“0”为起始点。
堆积面积图：后一数据永远以前一数据末端为起始点。

业务情景

我们在业务分析中，经常会对数据进行分析对比。

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

数据对比分析需求

分析

效果

情景1：查看公司各类产品的销售额。

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

1、分类轴上显示月份。

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

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

情景2：查看各产品的销售额在各个月份的总量情况。

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

1、分类轴上月份。

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

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

实现方案

情景1

业务场景描述：

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

数据结构：

定制要点：

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

预览效果：

情景2