页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。
评论: 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)圆形结构更有效利用空间。 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:查看公司中各个类别汽车的车型数的数据。

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

1、指标轴上分布销售规模。1、通过参数进行“车类”控制。

2、通过参数进行“车类”控制。2、指标轴上分布车型数。

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

Image RemovedImage Added
情景2:查看公司中不同车类的车型数和销售量的数据。情景2:查看公司中不同车类的具体销售情况。

该需求的数据对比分析,是想要同时查看不同类别汽车的车型数和销售量,建议通过多油量图实现。该需求的数据对比分析,车类的具体销售情况包括销售量和销售规模,建议通过多油量图实现。

1、指标轴上分布销售规模。1、通过参数进行“车类”控制。

2、通过参数进行“车类”控制。指标轴上分布销售量、销售规模。

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

Image Removed

 

 
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

Image Removed

定制要点:

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

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

Image RemovedImage Added

 

预览效果:

Image RemovedImage Added

Title_font_1
Name情景2

业务场景描述:

查看公司中不同车类的车型数和销售量的数据。查看公司中不同车类的具体销售情况。

数据结构:

Image RemovedImage Added

定制要点:

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

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

 Image RemovedImage Added

预览效果:

Image Removed

 

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}

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