Smartbi Insight V10帮助中心
页面树结构

版本比较

旧版本 4

changes.mady.by.user 黄丹煚

保存于

比较

新版本 当前版本

changes.mady.by.user 黎灏锋

保存于

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。
评论: Migration of unmigrated content due to installation of a new plugin

Title_font
Name概要说明

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

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

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

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


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

单Y联合图双Y联合图

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

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

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

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

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

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

不适用场景：

1）数据单位不同。

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

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

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

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

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

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




面板
borderColor#FFFFFF
bgColor#F0F0F0
borderWidth1
borderStylesolid

目录


Title_font
Name业务情景

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

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

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

数据对比分析需求分析效果
情景1：查看公司各产品的运费和价格情况。

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

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

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

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

Image Modified

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

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

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

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

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

Image Modified
 

 



Title_font
Name实现方案

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

Title_font_1
Name情景1

业务场景描述：

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

数据结构：

Image Modified

定制要点：

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

Image Modified

 


预览效果：

Image Modified

 


Title_font_1
Name

情景1

情景2

业务场景描述：

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

数据结构：

Image Modified

定制要点：

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

Image Modified

 


预览效果：

Image Modified

 

面板
borderColor#FFFFFF
bgColor#F0F0F0
borderWidth1
borderStylesolid
toc



Title_font
Name属性

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

联合图的属性包括数据设置、基本设置、标题、坐标轴、图例、提示、工具、高级、扩展属性等，具体请参考下面表格：

属性联合图
数据设置



字段√
分类(X)轴√

左垂直(Y)轴

√
右垂直(Y)轴√
子图

√

设置序列属性












柱子宽度√

平滑曲线

√
连接空数据√
泡泡指标√
普通状态设置




系列主色√
数据项标签√
位置√
文本样式√
高亮状态设置系列主色√
数据项标签√
位置√
文本样式√
数据点设置


数据点形状√
数据点大小√
数据点旋转角度√
数据标注设置√
数据标注设置

标线类型√
标记颜色√
自定义标线/区间√
基本设置




通用



画布大小√
背景颜色√
边距√
初始化动画√
防止Y轴标签溢出√
防止X轴标签溢出√
标题

标题√
标题样式√
水平位置√
坐标轴














分类轴/指标轴坐标轴名称√

坐标轴名称样式√

坐标轴名称位置√

名称到轴线的距离√

标注步长√

刻度标签显示方式√

刻度标签样式√

数据格式√
分隔线√
分隔区域√
坐标轴线√
图例位置√
文字样式√
提示



是否显示√
背景颜色√
边框宽度√
提示文本样式√
添加其他列√
工具


功能按钮设置


数据视图√
数据区域缩放√
配置项还原√
保存图片√
高级图形标识√

图形输出行数

√

图形主题

√
排序排序顺序√
排序指标√
数据传值设置√
扩展属性√