页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

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)不适合表示趋势。

面板
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

情景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