当前位置:网站首页>Node-RED系列(二九):使用slider与chart节点来实现双折线时间序列图

Node-RED系列(二九):使用slider与chart节点来实现双折线时间序列图

2022-07-05 09:33:00 拿我格子衫来

前言

今天教使用dashboard的chart组件和slider组件来是实现一个双线的折线图。效果如下
在这里插入图片描述
拖动顶部的电量和水量,低下的图表会实时显示时间和值

之所以做这个模拟案例,是将教 大家使用chart节点和slider节点

开发

先说一下slider节点,该节点是一个滑块节点,可以接受上一节点的 msg.payload,作为滑块的值,
slider必须设置最大值和最小值。且不能动态设置。
此外当用户拖动slider滑块,改变值时,该节点会向下传递当前值 以属性payload装载。

在这里插入图片描述

在说一下chart节点,该节点可以用于显示折线图,还有其他饼图,柱形图。之前有过介绍。
但如果你想要在一个chart节点里,显示多个折线图,你可以这样向 chart节点里传值

msg.topic = "电量"
msg.payload=
原网站

版权声明
本文为[拿我格子衫来]所创,转载请带上原文链接,感谢
https://fizzz.blog.csdn.net/article/details/125601621