面板组件 ： 仪表盘

仪表盘组件用于从指定的数据源获取输入数据后， 在仪表盘上通过指针的方式显示数据。 仪表盘支持多组数据源以实现多指针显示。

组件配置

• ID : 设置组件ID， 用于在脚本中引用该组件实例。
• 最小值 : 设置仪表盘的最小值。 默认为0。
• 最大值 : 设置仪表盘的最大值。 默认为100。
• 阶段列表 : 仪表盘支持将数据分段显示， 通过阶段列表可以设置不同阶段的颜色。 例如： 0-30为绿色， 30-60为黄色， 60-100为红色。
• 脚本 : 设置组件的脚本， 用于在组件上绑定脚本事件, 或者在脚本中调用组件的方法。
• 坐标X : 设置组件的X坐标。
• 坐标Y : 设置组件的Y坐标。
• 坐标Z : 设置组件的Z坐标。
• 数据源 : 设置组件的数据源， 用于从数据源获取数据。
• 高度 : 设置组件的高度。
• 宽度 : 设置组件的宽度。

脚本

脚本上下文 $this

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

▲ 组件初始化

void init()

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

脚本示例：

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

▲ 设置/获取仪表盘数据

number value(string name, number value)

请求参数：

• name : <字符串> 必选项， 数据名称。
• number : <数值> 可选项， 设置对应名称数据。

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

模板示例：

{{$widget("dashboard").value("温度")}}

脚本示例：

// 设置数值内容
$this.value("温度",123);
$widget("dashboard").value("温度", 123.45);

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