页面树结构

版本比较

标识

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

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

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

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

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

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

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

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

 

 

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

业务场景描述:

查看公司中各个类别汽车的车型数的数据。

定制要点:

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

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

预览效果:

Title_font_1
Name情景2

业务场景描述:

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

数据结构:

定制要点:

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

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

 

预览效果:

 

属性

属性油量图
数据设置

 

字段

指标(Y)轴

基本设置通用画布大小
背景颜色
初始化动画
标题

标题
标题样式
水平位置
图例位置
文字样式
提示



是否显示
背景颜色
边框宽度
提示文本样式
添加其他列
工具


功能按钮设置


数据视图
数据区域缩放
配置项还原
保存图片
序列















列数
表盘




表盘风格
自定义风格
刻度设置
刻度数
刻度线长
刻度颜色
指针颜色
宽度
表盘小刻度刻度线长
刻度数
颜色
指针数据显示数据
偏移位置
标题显示数据
标题样式
偏移位置
高级图形标识
图形输出行数
图形主题
扩展属性