指标组件 ⬝ 油量图

1 概述

油量图是指以油量表的形式来展现指标数据。有一个圆形的表盘及相应的刻度，刻度表示数值的范围，有一个指针指向当前数值，可直观的表现出某个指标的进度或实际情况。以下将分别举例油量图、内刻度油量图和外刻度油量图三种图的画法。

2 图形效果

内刻度油量图和外刻度油量图是油量图的不同展现形式，可根据实际应用场景及样式要求进行选择，下面以油量图为例，详细说明创建过程：

3 油量图

3.1 基础示例

1、场景描述：公司年底对各个区的销售额指标进行考核，评判是否属于业务优秀的范畴，如下图所示：

2、以产品内置Demo资源的“订单模型”作为数据来源。

3、操作步骤

（1）在数据选择区中，勾选 销售额 字段，由系统自动分配到 标记 > 指标 上；或拖拽 销售额 字段到  标记 > 指标 。

（2）展开 筛选器面版 ，拖拽 发货区域 字段到 影响此组件的筛选器 。

（3）筛选器设置：控件类型为 列表（单选） ；默认值为 东北 ；取消勾选 显示[全部]。

（4）效果如下图所示：

3.2 无盘油量图

1、油量图可以通过样式设计，实现下图的指标卡效果：

2、以产品内置Demo资源的“订单模型”作为数据来源。

3、操作步骤

（1）在数据选择区中，勾选 销售额 字段，由系统自动分配到 标记 > 指标 上；或拖拽 销售额 字段到  标记 > 指标 。

（2）修改组件设置：

• 基础 > 指标名称，设置字体大小为36，显示位置X为0，Y为-20；
• 基础 > 表盘风格， 开始角度、结束角度都为0；
• 基础 > 指针， 设置指针的形状为无；
• 基础 > 分割线， 设置刻度线长为0，刻度数为0；
• 基础 > 刻度， 设置刻度为隐藏。

（3）设置指标的显示样式和位置。点击指标的设置按钮，打开 指标设置 窗口，设置指标值的位置和字体大小，如下图所示：

4 更多功能

• 更多的图形属性设置项的详细介绍，可参考文档：图形属性。
• 配色修改：如需修改图形配色，可参考文档：颜色设置。
• 交互设计：如需了解交互相关功能，可参考文档：交互设计。