Gauge|仪表盘

从左侧控件栏的功能控件分区选择仪表盘,添加到当前页面:

Gauge控件具有基本和内容两个属性分类:
基本属性具有ID、X、Y、宽、高五种属性;
内容属性具有上层控件、不透明度、指针颜色、旋转轴颜色、背景颜色、正常颜色、告警颜色、开始值、结束值、告警值、初始值,共11种属性;
以及该控件有两种默认颜色风格,bright及dark;

  • 上层控件:给gauge控件添加父对象;

  • 不透明度:滑动设置gauge控件的不透明度,数值范围为0-255;

  • 指针颜色:设置仪表盘指针的颜色,数据格式为hex值或rgb值;

  • 旋转轴颜色:设置仪表盘旋转轴的颜色,数据格式为hex值或rgb值;

  • 背景颜色:设置仪表盘的背景颜色,数据格式为hex值或rgb值;

  • 正常颜色:设置仪表盘的正常颜色,数据格式为hex值或rgb值;

  • 告警颜色:设置仪表盘的告警颜色,数据格式为hex值或rgb值;

  • 开始值:设置仪表盘控件的最小值;

  • 结束值:设置仪表盘控件的最大值;

  • 告警值:设置仪表盘控件的警告值;

  • 初始值:设置仪表盘控件的初始数值;

与Gauge有关blockly控件的使用说明:
与gauge有关的blockly控件有两种,分别是读取仪表盘值,以及设置仪表盘值为特定值;下图给出一个样例来展示这两种block的使用方法:

滑块slider_test01滑动时改变仪表盘的值,若读取的仪表盘的值超过80,则控制led灯亮起;否则设置led状态为假。

具体实现效果如下: