Echarts图形-联合图

概要说明

联合图是指以线图、柱图、面积图或者散点图任意两两组合（双线图、双柱图、双面积图、双散点图亦包含在内）的表现形式来展现两个或两个以上数据指标情况。

Echarts图形支持如下两种类型的联合图：

单Y轴联合图：只有一个Ｙ轴的联合图。
双Y轴联合图：有两个Ｙ轴的联合图。

联合图的特点说明如下：

单Y联合图

双Y联合图

优势： 可在同一页面用不同的图进行分析对比。

劣势：只适用单位相同，数据量相近的数据。

数据要求：一个或两个维度，一个或多个度量。

适用场景：它只适用于以下条件都满足的情况：

1）指标数据的衡量单位相同，如：若一个是价格单位，一个是数量单位，不适用。

2）指标数据大小的数量级别不能相差太大，如：若价格单位，一个以千万计，一个以个计，不适用。

不适用场景：

1）数据单位不同。

2）数据系列数量级别差别很大。

优势： 可以解决单Y联合图的缺点，可以同时在一张图比较数量级有区别的两个纵坐标。

数据要求：一个或两个维度，一个或多个度量。

适用场景：适用绝大多数情况。

1) 指标数据的衡量单位相同，如：若一个是价格单位，一个是数量单位，不适用。

2) 指标数据大小的数量级别不能相差太大，如：若价格单位，一个以千万计，一个元计，不适用。

业务情景

我们在业务分析中，经常会对数据的分布情况进行分析。

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

数据对比分析需求

分析

效果

情景1：查看公司各产品的运费和价格情况。

该需求分析的指标“运费”和“价格”，属于相同单位，且差距不大，建议通过单Y轴联合图实现。

1、分类轴上显示各类别产品。

2、指标轴上分布运费和价格，可以以相同的图形显示两个指标，也可以以不同的图形显示两个指标。

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

情景2：查看公司各产品的价格和销售量情况。

该需求分析的指标“价格”和“销售量”，属于不同单位，建议通过双Y轴联合图实现。

1、分类轴上显示各类别产品。

2、指标轴的X轴和Y轴上分别分布价格和数量，可以以相同的图形显示两个指标，也可以以不同的图形显示两个指标。

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

实现方案

情景1

业务场景描述：

查看公司各产品的运费和价格情况。

数据结构：

定制要点：

将“产品目录名称”字段作为“水平（X）轴”，“运费”和“单价”字段作为“左垂直（Y）轴”分别以线图和柱图显示。

预览效果：

情景2

业务场景描述：

查看公司各产品的价格和销售量情况。