当前位置:网站首页>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=边栏推荐
- 从“化学家”到开发者,从甲骨文到 TDengine,我人生的两次重要抉择
- 【饿了么动态表格】
- MYSQL 对字符串类型排序不生效问题
- Wechat applet obtains household area information
- 【组队 PK 赛】本周任务已开启 | 答题挑战,夯实商品详情知识
- Dry goods sorting! How about the development trend of ERP in the manufacturing industry? It's enough to read this article
- [listening for an attribute in the array]
- The writing speed is increased by dozens of times, and the application of tdengine in tostar intelligent factory solution
- STM32 simple multi-level menu (array table lookup method)
- 一文读懂TDengine的窗口查询功能
猜你喜欢

Unity SKFramework框架(二十二)、Runtime Console 运行时调试工具

Dry goods sorting! How about the development trend of ERP in the manufacturing industry? It's enough to read this article

OpenGL - Coordinate Systems

【数组的中的某个属性的监听】

The writing speed is increased by dozens of times, and the application of tdengine in tostar intelligent factory solution

Why does everyone want to do e-commerce? How much do you know about the advantages of online shopping malls?

一篇文章带你走进cookie,session,Token的世界
![[sourcetree configure SSH and use]](/img/9a/1cd4ca29e5b7a3016ed6d5dc1abbef.png)
[sourcetree configure SSH and use]

La voie de l'évolution du système intelligent d'inspection et d'ordonnancement des petites procédures de Baidu

【组队 PK 赛】本周任务已开启 | 答题挑战,夯实商品详情知识
随机推荐
【js 根据对象数组中的属性进行排序】
Can't find the activitymainbinding class? The pit I stepped on when I just learned databinding
【两个对象合并成一个对象】
卷起来,突破35岁焦虑,动画演示CPU记录函数调用过程
How do enterprises choose the appropriate three-level distribution system?
[sourcetree configure SSH and use]
搞数据库是不是越老越吃香?
LeetCode 31. Next spread
tongweb设置gzip
22-07-04 Xi'an Shanghao housing project experience summary (01)
First understanding of structure
[reading notes] Figure comparative learning gnn+cl
Vs code problem: the length of long lines can be configured through "editor.maxtokenizationlinelength"
Gradientdrawable get a single color
代码语言的魅力
Nips2021 | new SOTA for node classification beyond graphcl, gnn+ comparative learning
Tdengine offline upgrade process
Using request headers to develop multi terminal applications
Unity SKFramework框架(二十四)、Avatar Controller 第三人称控制
Node の MongoDB Driver