油量图是指以油量表的形式来展现指标数据。有一个圆形的表盘及相应的刻度,刻度表示数值的范围,有一个指针指向当前数值,可直观的表现出某个指标的进度或实际情况。
下图的油量图中,指针所指向的数据代表了产品总体销售数量情况。
优势:
1)很直观展示某个指标的进度或实际情况。
2)跟人们的常识结合,使大家马上能理解看什么、怎么看。拟物化的方式使图标变得更友好更人性化,正确使用可以提升用户体验。
3)仪表盘的圆形结构,可以更有效的利用空间。
劣势:数据场景比较单一。
数据要求:只允许构建一个度量。
适用场景:
1) 油量图一般用来显示项目的完成进度。
2) 油量图用于关注及监控数据是否在正常范围,通过定义临界点确定预警范围。
不适用场景:油量图不适合用于比较不同变量或者趋势的分析。
业务情景描述:公司年底对各个区的销售额指标进行考核,评判是否属于业务优秀的范畴。
数据结构
以上业务情景的数据来源如下:
定制要点
1、双击或者拖拽“销售额”字段到 标记 > 标签 。
2、拖拽“发货区域”字段到“筛选区”即生成“发货区域”筛选器,该筛选器需要设置:展示类型为“列表(单选)”,详情请参见 筛选器-展示样式 ,默认值为“列表选择”中的“东北”,详情请参见 筛选器-设置说明 。
油量图可以通过样式设计,实现下图的指标卡效果:
实现要点:
步骤 | 效果 |
---|---|
1、设置标题“销售额”的显示样式和位置。在图表右上角打开组件设置,点击 基础 > 标题,我们设置标题的字体大小为36,偏移位置为水平0,垂直-20。之后在 基础 > 指针, 设置指针的宽为0;在 基础 > 表盘, 设置结束值都为0;在 基础 > 刻度, 设置刻度线长为0,刻度数为0;在 基础 > 分割线, 设置刻度线长为0,刻度数为0。 | |
2、设置度量值的显示样式和位置。点击 标记 > 标签,打开“标签设置”窗口,在这里,我们设置度量值的位置和字体大小如右图。 注:“标签设置”也可以设置度量值颜色,这时,度量值颜色不再受表盘颜色的影响。 |