工控组件-直线进度条
概述
直线进度条是工控组件的一种,可以显示数值所占比例,反映完成度。
该组件在编辑器中的位置如下图所示:
添加方式
从组件工具栏将直线进度条组件拖拽到编辑器面板。
属性配置
文字大小:包括组件的宽度和高度,单位为像素。
- 可以输入数值自定义大小。
- 也可以通过拖拽的方式改变组件的宽高。
显示:包括居中、填满两种显示方式可以选择。
图表选项:当前有标题一种选项,可以通过勾选,选择显示或隐藏。
图表主题:可以设置组件的主题颜色,当前有六种主题色可以选择。
背景颜色:组件的背景颜色。
- 在颜色调色板中选择颜色和透明度。
- 手动输入RGB、HSL、Hex数值,改变颜色。
标题:在此处输入标题名称。
字体:可选择字体样式。
字重:设置文字粗细。
颜色:文字的颜色。
- 在颜色调色板中选择颜色和透明度。
- 手动输入RGB、HSL、Hex数值,改变颜色。
字号:文字的大小。
间距:进度条色块之间的距离。
粗细:进度条的粗细。拉拽或输入数值或点击(
)可改变环宽度。
方向:组件方向,包括横向和纵向。
颜色:进度条色块的颜色。
- 在颜色调色板中选择颜色和透明度。
- 手动输入RGB、HSL、Hex数值,改变颜色。
数值显示:设置数值的显示样式,包括百分比和数值两种。
可以设置起始参数和最大参数。
值域:输入显示数值的范围。
程度标记:可以点击(
)添加程度标记。
点击(
)可以删除标记。
选择条件:设定程度筛选条件,选择“≤”,输入筛选数值。
颜色:程度显示颜色。
- 在颜色调色板中选择颜色和透明度。
- 手动输入RGB、HSL、Hex数值,改变颜色。
数据源连接
直线进度条组件配置数据源时,度量展示为进度条的读数。