页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。
评论: 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}

油量图是指以油量表的形式来展现指标数据。有一个圆形的表盘及相应的刻度,刻度表示数值的范围,有一个指针指向当前数值,可直观的表现出某个指标的进度或实际情况。油量图是指以油量表的形式来展现指标数据。包含一个圆形的表盘和一个指针,表盘上有相应的刻度表示数值的范围,指针指向当前数值,可直观的表现出某个指标的进度或实际情况。

Title_font_1
Name油量图特点说明如下:

优势 

1)很直观展示某个指标的进度或实际情况。 

2)跟人们的常识结合,使大家马上能理解看什么、怎么看。拟物化的方式使图标变得更友好更人性化,正确使用可以提升用户体验。 

3)仪表盘的圆形结构,可以更有效的利用空间。 

1)直观的展示某个指标的进度或实际情况。

2)圆形结构更有效利用空间。 

劣势数据场景比较单一。 

数据要求只允许构建一个度量。 

适用场景 

1) 油量图一般用来显示项目的完成进度。 

2) 油量图用于关注及监控数据是否在正常范围,通过定义临界点确定预警范围。 

不适用场景:油量图不适合用于比较不同变量或者趋势的分析。 一个或多个指标值。 

适用场景:显示单一的数据。

不适用场景:

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:查看公司中各个类别汽车的车型数的数据。

该需求的数据对比分析,是要直接显示出各个类别车型数的数据,建议通过油量图实现。

1、通过参数进行“车类”控制。

2、指标轴上分布车型数。

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

Image Added
情景2:查看公司中不同车类的具体销售情况。

该需求的数据对比分析,车类的具体销售情况包括销售量和销售规模,建议通过多油量图实现。

1、通过参数进行“车类”控制。

2、指标轴上分布销售量、销售规模。

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

Image Added



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 Added

定制要点:

1、插入“车类”下拉框控件。详情请参考 电子表格-下拉框

Image Added

2、将“车型数”字段作为“指标(Y)轴”。

Image Added

预览效果:

Image Added

Title_font_1
Name情景2

业务场景描述:

查看公司中不同车类的具体销售情况。

数据结构:

 Image Added

定制要点:将“季度”字段作为“分类(X)轴”,“销售额”字段作为“指标(Y)轴”。

1、插入“车类”下拉框控件。详情请参考 电子表格-下拉框

Image Added

2、将“销售量”字段和“销量规模”字段作为“指标(Y)轴”。

 Image Added

预览效果:

 

 

Image Added




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}

油量图的属性包括数据设置、基本设置、标题、图例、提示、工具、序列、高级、扩展属性等,具体请参考下面表格: