页面树结构

版本比较

标识

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

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}

我们在业务分析中,经常会对数据进行分析对比。

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

 数据对比分析需求分析 效果 
   

 

 

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)轴”。

 

预览效果: