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

概要说明

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

面积图特点说明如下：

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

数据要求：

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

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

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

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

不适用场景：

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

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

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

类

型

标准面积图

堆积面积图

含

义

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

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

图

形

差

异

说

明

1.数据对比差异

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

2.实用性差异

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

3.图形构建差异

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

业务情景

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

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

数据对比分析需求

分析

效果

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

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

1、分类轴上显示月份，每个月份各个产品类别的数据值。

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

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

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

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

1、分类轴上显示月份，每个月不同产品类别的总和。

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

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

实现方案

情景1

业务场景描述：

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

数据结构：

定制要点：

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

预览效果：

情景2