Mcgs组态软件构件篇-使用百分比填充构件实现纯色填充,多段颜色填充以及从右向左填充功能

在某些项目组态中，需要我们将数据进行图形化显示，能更加直观的体现当前执行占比或者在设定的有效范围内，这个时候我们就可以使用百分比填充构件来实现以下功能。

1）百分比纯色填充。

2）百分比分阶段颜色填充

3）百分比从右向左填充

接下来，我们先看看实现的效果：

1、百分比纯色填充。

百分比纯色填充应该是很多人会经常使用到，在设定的有效范围内，将关联的变量转换为百分占比，然后进行纯色填充。

要进行纯色填充，我们只需要设置如下参数：

1）设置百分比填充构件基本属性，包括背景颜色、填充颜色和字符颜色以及边界类型。

2）设置百分比填充构件的操作属性，其中填充位置和表达式的连接设置项对应的关系为一次函数方程，0%对应最小值，100%对应最大值即可（min=0，max=400）。

2、百分比进行分段颜色填充

百分比分段颜色填充是在最小值和最大值之间有多个颜色填充，比如0~50%填充绿色，50~75%填充黄色，75~100%填充红色，这种如何组态呢？

1）如果我们要分3段颜色填充，需要添加3个百分比填充构件，分别设置填充颜色为绿色、黄色和红色，并且分别设置它们的图层位置为最顶端，中间和最低端。

2）添加刻度线段和百分比显示标签，依次设置在百分比为0%、50%、75%、100%处，具体效果如下所示：

3）完成百分比填充构件、刻度线以及百分比显示标签后，我们将这些独立构件组合成一个组合单元，完成效果如下所示。

4）组合完成后，现在的百分比填充构件所有的显示都是固定参数的，我们要实现百分比填充构件的最大值是动态变化的，可以根据我们需要进行修改，这个时候需要在构件100%对应的变量连接处关联变量：

绿色填充构件100%对应最大值：percent，

黄色填充构件100%对应最大值：percent1，

红色填充构件100%对应最大值：percent2.

接下来我们就需要使用构件的属性值：Top（Y坐标）、left（X坐标）、width（长度）动态设置构件长度，刻度坐标和标签显示坐标，具体脚本如下：

3、百分比构件从右向左填充。

1）当前百分比填充构件是不能够旋转的，因此无法通过旋转构件的方式实现从右向左填充，因为该构件是按照一次函数方式实现填充，因此正斜率也是斜率，负斜率也是斜率，我们只需要将100%关联最大值设置为负值，调整填充颜色即可。

设置关联参数：

设置填充颜色：

2）再进行简单的参数赋值处理即可完成从右向左填充。

本次百分比构件颜色填充样例组态完成，如有疑问欢迎大家在评论区留言讨论