页面树结构

版本比较

标识

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

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

 

 

 

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

业务场景描述:

 

数据结构:

 

定制要点:

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

 

预览效果: