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

概要说明

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

面积图特点说明如下：

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

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

数据要求：

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

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

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

不适用场景：

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

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

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

类

型

标准面积图

堆积面积图

含

义

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

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

图

形

差

异

说

明

1.数据对比差异

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

2.实用性差异

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

3.图形构建差异

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

业务情景

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

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

数据对比分析需求

分析

效果

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

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

1、分类轴上显示月份。

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

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

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

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

1、分类轴上月份。

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

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

实现方案

情景1

业务场景描述：

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

数据结构：

定制要点：

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

预览效果：

情景2