# 进度条

# 属性

# 基础

  • 组件标题: 用于在图层中显示组件的名称。1.1+

  • 组件尺寸: 组件的宽度和高度,单位为px

  • 组件位置: 组件在大屏中的位置,通过横纵坐标来定义,单位为px

  • 旋转角度: 组件在图层中的旋转角度。

  • 透明度: 组件的透明度。

  • 类型: 进度条的类型。

    • 线性
    • 环形
  • 宽度: 进度条的宽度。

  • 背景色: 进度条的背景颜色。

  • 文字显示: 是否显示文字。

  • 字体颜色: 字体的颜色。

  • 字体大小: 字体的大小。

  • 字体粗细: 字体的粗细。

  • 字体: 字体的格式。

基础

# 数据

# 静态数据

基础

上图中的示例代码数据如下:

{
    "value": 60,
    "total": 100
}

# 数据资源

基础

# 交互

# 数值改变事件

勾选启用,开启数值改变事件。当进度条组件中数值改变时,绑定字段中数据会推送到变量中。关联此变量的组件将携带此变量值,触发数据请求,查询相关数据,更新组件。具体配置请参考组件交互。

# 数据响应

进度条支持数据响应配置。

# 节点编程

# 事件

  • 数值改变事件: 数值改变时触发事件。

    • 抛出的参数:  改变后的数据。