工控组件-直线进度条
概述
直线进度条是工控组件的一种,可以显示数值所占比例,反映完成度。
该组件在编辑器中的位置如下图所示:

添加方式
从组件工具栏将直线进度条组件拖拽到编辑器面板。

属性配置
文字大小:包括组件的宽度和高度,单位为像素。
- 可以输入数值自定义大小。
 - 也可以通过拖拽的方式改变组件的宽高。
 


显示:包括居中、填满两种显示方式可以选择。
 

图表选项:当前有标题一种选项,可以通过勾选,选择显示或隐藏。

图表主题:可以设置组件的主题颜色,当前有六种主题色可以选择。

背景颜色:组件的背景颜色。
- 在颜色调色板中选择颜色和透明度。
 - 手动输入RGB、HSL、Hex数值,改变颜色。
 

标题:在此处输入标题名称。

字体:可选择字体样式。

字重:设置文字粗细。

颜色:文字的颜色。
- 在颜色调色板中选择颜色和透明度。
 - 手动输入RGB、HSL、Hex数值,改变颜色。
 

字号:文字的大小。

间距:进度条色块之间的距离。

粗细:进度条的粗细。拉拽或输入数值或点击(
)可改变环宽度。

方向:组件方向,包括横向和纵向。

颜色:进度条色块的颜色。
- 在颜色调色板中选择颜色和透明度。
 - 手动输入RGB、HSL、Hex数值,改变颜色。
 

数值显示:设置数值的显示样式,包括百分比和数值两种。

可以设置起始参数和最大参数。

值域:输入显示数值的范围。

程度标记:可以点击(
)添加程度标记。

点击(
)可以删除标记。

选择条件:设定程度筛选条件,选择“≤”,输入筛选数值。

颜色:程度显示颜色。
- 在颜色调色板中选择颜色和透明度。
 - 手动输入RGB、HSL、Hex数值,改变颜色。
 

数据源连接
直线进度条组件配置数据源时,度量展示为进度条的读数。