{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
联合图是指以线图、柱图、面积图或者散点图任意两两组合（双线图、双柱图、双面积图、双散点图亦包含在内）的表现形式来展现两个或两个以上数据指标情况。
ECharts图形支持如下两种类型的联合图：
- 单Y轴联合图：只有一个Ｙ轴的联合图。
- 双Y轴联合图：有两个Ｙ轴的联合图。
| 单Y联合图 | 双Y联合图 |
|---|---|
优势： 可在同一页面用不同的图进行分析对比。 劣势：只适用单位相同，数据量相近的数据。 数据要求：一个或两个维度，一个或多个度量。 适用场景：它只适用于以下条件都满足的情况： 1）指标数据的衡量单位相同，如：若一个是价格单位，一个是数量单位，不适用。 2）指标数据大小的数量级别不能相差太大，如：若价格单位，一个以千万计，一个以个计，不适用。 不适用场景： 1）数据单位不同。 2）数据系列数量级别差别很大。 | 优势： 可以解决单Y联合图的缺点，可以同时在一张图比较数量级有区别的两个纵坐标。 数据要求：一个或两个维度，一个或多个度量。 适用场景：适用绝大多数情况。 1) 指标数据的衡量单位相同，如：若一个是价格单位，一个是数量单位，不适用。 2) 指标数据大小的数量级别不能相差太大，如：若价格单位，一个以千万计，一个元计，不适用。 |
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
我们在业务分析中，经常会对数据的分布情况进行分析。
下面，我们将以零售公司为例，年底对公司产品销售情况进行数据分布分析时，通常会有如下分析需求：
| 数据对比分析需求 | 分析 | 效果 |
|---|---|---|
| 情景1：查看公司各产品的运费和价格情况。 | 该需求分析的指标“运费”和“价格”，属于相同单位，且差距不大，建议通过单Y轴联合图实现。 1、分类轴上显示各类别产品。 2、指标轴上分布运费和价格，可以以相同的图形显示两个指标，也可以以不同的图形显示两个指标。 该情景实现的详情请参考 情景1 。 |  |
情景2：查看公司各产品的价格和销售量情况。 | 该需求分析的指标“价格”和“销售量”，属于不同单位，建议通过双Y轴联合图实现。 1、分类轴上显示各类别产品。 2、指标轴的X轴和Y轴上分别分布价格和数量，可以以相同的图形显示两个指标，也可以以不同的图形显示两个指标。 该情景实现的详情请参考 情景2 。 |  |
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
业务场景描述：
查看公司各产品的运费和价格情况。
数据结构：
定制要点：
将“产品目录名称”字段作为“水平（X）轴”，“运费”和“单价”字段作为“左垂直（Y）轴”分别以线图和柱图显示。
预览效果：
业务场景描述：
查看公司各产品的价格和销售量情况。
数据结构：
定制要点：
将“产品目录名称”字段作为“水平（X）轴”，“单价”字段作为“左垂直（Y）轴”且柱图显示，“数量”字段作为“右垂直（Y）轴”且线图显示。
预览效果：
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
联合图的属性包括数据设置、基本设置、标题、坐标轴、图例、提示、工具、高级、扩展属性等，具体请参考下面表格：