页面历史

Title_font
Name 概要说明

Wiki 标记
{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轴联合图：有两个Ｙ轴的联合图。

Title_font_1

Name	联合图的特点说明如下：

单Y联合图

双Y联合图

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

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

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

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

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

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

不适用场景：

1）数据单位不同。

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

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

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

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

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

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

面板

borderColor	#FFFFFF
bgColor	#F0F0F0
borderWidth	1
borderStyle	solid

目录

Title_font
Name 业务情景

Wiki 标记
{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。

Title_font
Name 实现方案

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html}

Title_font_1
Name 情景1

业务场景描述：

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

数据结构：

定制要点：

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

预览效果：

Title_font_1
Name 情景2

业务场景描述：

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

数据结构：

定制要点：

将“产品目录名称”字段作为“水平（X）轴”，“单价”字段作为“左垂直（Y）轴”且柱图显示，“数量”字段作为“右垂直（Y）轴”且线图显示。

预览效果：

属性

√√√√√ √√√√√√√√√√√√√√√√√序列

普通状态设置
高亮状态设置
√ √√√√

属性			普通柱图	堆积柱图	瀑布图	普通横条图	堆积横条图	3D柱图	联合图
数据设置	字段		√		√	√	√	√	分类(X)轴		√	√	√	√	√	√
	指标左垂直(Y)轴		√		√	√	√	√	√
	并列轴		√		√		√	√
	指标(Z右垂直(Y)轴		√
子图		√
基本设置	通用	画布大小	√	√	√		画布大小	√
		背景颜色	√	√	√		√	√	√
		显示方式	√	√	√		√
		边距	√	√			√	√
		初始化动画	√	√	√			√
		防止Y轴标签溢出		√	√		√	√
防止X轴标签溢出	√	√	√	√	√
宽度						√
高度						√
空间坐标系宽度						√
空间坐标系高度						√
空间坐标系深度						√
是否显示坐标系						√
坐标轴线	线条样式						√
刻度标签	是否显示						√
刻度标签	刻度标签样式						√
坐标轴刻度	是否显示						√
坐标轴刻度	线条样式						√
分隔线	是否显示						√
分隔线	分隔线样式						√
分隔区域	是否显示						√
视角控制	投影方式						√
	是否自动旋转						√
	旋转方向						√
	旋转速度						√
	恢复时间						√
标题	标题		√	√			√	√	√
	标题样式		√	√	√	√	√	√
	水平位置				√	√	√	√	√
坐标轴	分类轴/指标轴	坐标轴名称	√	√	√	√		√
		坐标轴名称样式	√	√	√	√	√	√
		坐标轴名称位置	√	√	√		√
		名称到轴线的距离	√	√	√	√	√	√
		标注步长		√	√	√	√
		刻度标签显示方式		√	√	√	√
		标签间隔						√
		刻度标签样式		√	√	√	√	√
		数据格式	√	√	√	√		√
		是否应用于标签	√	√	√	√	√	√
		刻度设置	√	√	√	√	√
分隔线	√		√	√	√
分隔区域	√	√	√		√
坐标轴线		√	√	√	√
图例	位置		√	√	√			√
图例	文字样式		√	√	√	√	√
提示	是否显示		√			√	√	√	√
	背景颜色		√	√	√	√	√	√
	边框宽度				√	√	√	√	√
	提示文本样式		√	√	√	√			√
	添加其他列		√	√	√	√	√	√
工具	功能按钮设置	数据视图	√	√		√	√	√
		数据区域缩放	√	√	√	√	√
		配置项还原		√	√	√	√	√
		保存图片	√	√	√	√	√	√	柱子宽度		√	√	√	√	√
堆积名称			√			√
倒角尺寸							√
倒角光滑度							√
系列主色	√	√	√	√	√	√
图形透明度						√
数据项标签	√	√	√	√	√	√
位置	√	√	√	√	√
标签与图形距离						√
文本样式	√	√	√	√	√	√
系列主色	√	√	√	√	√	√
图形透明度						√
数据项标签	√	√	√	√	√	√
位置	√	√	√	√	√
标签与图形距离						√
文本样式	√	√	√	√	√		数据标注设置		√	√	√	√	√
数据标线设置	标线类型	√	√	√	√	√
数据标线设置	标记颜色	√	√	√	√	√
高级	图形标识		√	√	√	√	√	√	图形数据动态变化								√
	图形输出行数				√	√	√	√	√
	图形主题		√	√			√	√	√
	排序	排序顺序	√	√	√	√	√
	排序	排序指标	√		√	√	√
扩展属性			√	√	√	√				√

页面树结构

版本比较

旧版本 9

新版本 10

标识

Title_font
Name 概要说明

Title_font
Name 业务情景

Title_font
Name 实现方案

Title_font_1
Name 情景1

Title_font_1
Name 情景2

属性

关注我们

服务支持

页面树结构

页面历史

版本比较

旧版本 9

新版本 10

标识

Title_fontName概要说明

Title_fontName业务情景

Title_fontName实现方案

Title_font_1Name情景1

Title_font_1Name情景2

属性

Title_font
Name 概要说明

Title_font
Name 业务情景

Title_font
Name 实现方案

Title_font_1
Name 情景1

Title_font_1
Name 情景2