工控组件-水位图

概述

水位图是工控组件的一种，可以动态展示某个子类数据在整个分类中的百分比。
该组件在编辑器中的位置如下图所示：

添加方式

从组件工具栏将水位图组件拖拽到编辑器面板。

属性配置

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

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

组件名称：可以对当前组件命名。

显示：包括居中、填满、自定义三种显示方式可以选择。

默认背景：组件的背景颜色。

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

当前颜色：占比区域显示颜色，可以点击（ ）添加颜色实现双色渐变，点击（ ）改变渐变方向。

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

边框：可以设置组件的边框颜色。

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

数值设置
字体：选择字体样式。

字号：文字的大小。

字重：设置文字粗细。

颜色：文字的颜色。

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

统计设置
统计：设置数值的显示样式，包括百分比和数值两种。

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

单位：自定义输入数值单位。

字体：选择单位的字体样式。

字号：单位的文字大小。

字重：设置文字粗细。

颜色：单位的文字颜色。

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

标题设置
文本：在此处输入要显示的标题文本。

字体：选择字体样式。

字号：文字的大小。

字重：设置文字粗细。

颜色：文字的颜色。

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

重置主题样式：一键还原为组件初始化的样式。

数据源连接

水位图组件配置数据源时，度量展示为水位图的读数。