面板组件 : 温度计

温度计组件用于从指定的数据源获取数据并显示为温度计的形式。

温度计

组件配置

  • ID : 设置组件ID, 用于在脚本中引用该组件实例。
  • 最大值 : 设置温度计的最大值。 默认为100。
  • 最小值 : 设置温度计的最小值。 默认为0。
  • 默认值 : 设置温度计的默认值。
  • 后缀 : 设置温度计的后缀。
  • 脚本 : 设置组件的脚本, 用于在组件上绑定脚本事件, 或者在脚本中调用组件的方法。
  • 坐标X : 设置组件的X坐标。
  • 坐标Y : 设置组件的Y坐标。
  • 坐标Z : 设置组件的Z坐标。
  • 数据源-温度 : 设置组件的数据源, 用于从数据源获取数据。
  • 高度 : 设置组件的高度。
  • 宽度 : 设置组件的宽度。

脚本

脚本上下文 $this

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

▲ 组件初始化

void init()

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

脚本示例:

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

▲ 设置/获取温度值

number value(number value)

请求参数:

  • value : <数值> 可选项, 设置当前温度数值。

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

模板示例:

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

脚本示例:

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

// 获取数值内容
let value = $this.value();
let value = $panel.widget("thermometer").value();
2024 © Bittly 沪ICP备2023006101号-2