上一小节使用了输入性的仪表板控件,此小节使用输出型,或者说显示型的仪表板控件。其实7.2.7小节已经使用了一个最常见的显示型控件了,那就是text控件,显示了“几年能结果子”。仪表板的显示型控件功能强大,界面美观,个人认为,这些控件特别适合来表示数据的变化情况。
##7.3.1 仪表gauge的使用
向用户界面添加一个仪表类型小部件。
输入的msg.payload应该是数值,且格式要与Value Format一致。Value Format是gauge中的一个选项,具体情况参考https://scotch.io/tutorials/all-about-the-built-in-angularjs-filters
可以指定3个扇区的颜色,并将其混合在一起,颜色也可以由#RRGGBB来表示,这个表示方法前边已经用过了。
仪表板有四种模式,常规的,甜甜圈,指南针和波浪。
Label可以用消息的属性来设置。
我们直接拖入4个gauge,来看看不同的“Type”有什么区别。为了方便比较,直接让Type与Label的名字一样。
然后拖入一个滑块作为输入,为仪表提供数据。
为了方便显示,需要给仪表设置不同的group,例如display1和display2。部署以后拖动slider,可以看到仪表上有实时的变化。
node-red教程7.3 常见的显示型仪表板控件应用
最新推荐文章于 2024-01-15 15:20:31 发布