面板组件 ：水位图

水位图组件用于根据指定的数据源显示水位图。

组件配置

• ID : 设置组件的ID，用于在脚本中获取组件实例。
• 最大值 : 设置水位图的最大值。
• 最小值 : 设置水位图的最小值。
• 默认值 : 设置水位图的默认值。
• 脚本 : 设置组件的脚本， 用于自定义组件的行为。
• 坐标X : 设置组件的X坐标。
• 坐标Y : 设置组件的Y坐标。
• 坐标Z : 设置组件的Z坐标。
• 数据源-水位 : 设置水位图的数据源。
• 高度 : 设置组件的高度。
• 宽度 : 设置组件的宽度。

脚本

脚本上下文 $this

$this 为当前组件实例，您可以通过 $this 对象调用组件的各种方法。

▲ 组件初始化

void init()

当组件存在init方法时，组件初始化时会调用该方法。

脚本示例：

export function init() {
    // your code here
}

▲ 设置/获取水位值

number value(number value)

请求参数：

• value : <数值> 可选项， 设置当前水位数值。

返回值：<数值> 当前显示数值

模板示例：

{{$widget("liquidfill").value()}}

脚本示例：

// 设置数值内容
$this.value(123);
$widget("liquidfill").value(123.45);

// 获取数值内容
let value = $this.value();
let value = $panel.widget("liquidfill").value();