面板组件 ： 数值查看

数值查看组件用于从指定的数据源中获取需要显示的数值，并以数字的形式展示在面板中。

组件配置

• ID : 数据源的唯一标识符，用于在组件中引用该数据源。
• 默认文本 : 当数据源中没有数据时，显示的默认文本。
• 前缀 : 数值前的文本。
• 后缀 : 数值后的文本。
• 分隔符 : 设置是否启用千位分隔符。
• 小数位数 : 设置数值的小数位数。
• 脚本 : 编辑当前组件脚本，用于自定义组件方法。
• 坐标X : 设置组件显示坐标的X轴位置。
• 坐标Y : 设置组件显示坐标的Y轴位置。
• 坐标Z : 设置组件显示坐标的Z轴位置。
• 数据源 : 选择数据源，用于获取数据。
• 高度 : 设置组件的高度。
• 宽度 : 设置组件的宽度。
• 颜色 : 设置数值显示的颜色。
• 大小 : 设置数值显示的大小。
• 粗细 : 设置数值显示的粗细。

脚本

脚本上下文 $this

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

▲ 组件初始化

void init()

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

脚本示例：

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

▲ 设置/获取数值内容

string number(string number)

请求参数：

• number : <数值> 可选项， 设置当前数值显示内容。

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

模板示例：

{{$widget("numberViewer").number()}}

脚本示例：

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

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