面板组件 : 进度条

进度条组件用于从指定的数据源中获取数据并显示进度信息。

组件配置

• ID : 数据源的唯一标识符，用于在组件中引用该组件。
• 最大值 : 设置进度条的最大值。
• 最小值 : 设置进度条的最小值。
• 进度信息 : 设置是否显示进度信息。
• 类型 : 设置进度条类型， 支持条形， 圆形和仪表盘三种。
• 背景颜色 : 设置进度条的背景颜色。
• 进度颜色 : 设置进度条的进度颜色。
• 缺口角度 : 当进度条类型为仪表盘时， 设置进度条的缺口角度。
• 缺口未知 : 当进度条类型为仪表盘时， 设置进度条的缺口宽度。
• 线条宽度 : 设置进度条的线条宽度。
• 脚本 : 编辑当前组件脚本，用于自定义组件方法。
• 坐标X : 设置组件显示坐标的X轴位置。
• 坐标Y : 设置组件显示坐标的Y轴位置。
• 坐标Z : 设置组件显示坐标的Z轴位置。
• 进度值 : 选择数据源，用于获取数据。

脚本

脚本上下文 $this

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

▲ 组件初始化

void init()

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

脚本示例：

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

▲ 设置/获取进度内容

string progress(string progress)

请求参数：

• progress : <进度> 可选项， 设置当前进度显示内容。

返回值：<进度> 当前显示进度

模板示例：

{{$widget("progressViewer").progress()}}

脚本示例：

// 设置进度内容
$this.progress(123);
$widget("progressViewer").progress(123.45);

// 获取进度内容
let value = $this.progress();
let value = $panel.widget("progressViewer").progress();