工控组件-直线进度条

概述

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

添加方式

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

属性配置

文字大小:包括组件的宽度和高度,单位为像素。

  • 可以输入数值自定义大小。
  • 也可以通过拖拽的方式改变组件的宽高。

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

Application
图表选项:当前有标题一种选项,可以通过勾选,选择显示或隐藏。
Application
图表主题:可以设置组件的主题颜色,当前有六种主题色可以选择。
Application
背景颜色:组件的背景颜色。

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

Application
标题:在此处输入标题名称。
Application
字体:可选择字体样式。
Application
字重:设置文字粗细。
Application
颜色:文字的颜色。

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

Application
字号:文字的大小。
Application
间距:进度条色块之间的距离。
Application
粗细:进度条的粗细。拉拽或输入数值或点击( )可改变环宽度。
Application
方向:组件方向,包括横向和纵向。
Application
颜色:进度条色块的颜色。

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

Application
数值显示:设置数值的显示样式,包括百分比和数值两种。
Application
可以设置起始参数和最大参数。
Application
值域:输入显示数值的范围。
Application
程度标记:可以点击( )添加程度标记。
Application
点击( )可以删除标记。
Application
选择条件:设定程度筛选条件,选择“≤”,输入筛选数值。
Application
颜色:程度显示颜色。

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

Application

数据源连接

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