当前位置:网站首页>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=
边栏推荐
- H.265编码原理入门
- A keepalived high availability accident made me learn it again
- Deep understanding of C language pointer
- The most comprehensive promotion strategy: online and offline promotion methods of E-commerce mall
- 为什么不建议你用 MongoDB 这类产品替代时序数据库?
- 小程序启动性能优化实践
- 22-07-04 Xi'an Shanghao housing project experience summary (01)
- Officially launched! Tdengine plug-in enters the official website of grafana
- C language - input array two-dimensional array a from the keyboard, and put 3 in a × 5. The elements in the third column of the matrix are moved to the left to the 0 column, and the element rows in ea
- C form click event did not respond
猜你喜欢
Kotlin introductory notes (VIII) collection and traversal
OpenGL - Lighting
小程序启动性能优化实践
Understand the window query function of tdengine in one article
【数组的中的某个属性的监听】
oracle 多行数据合并成一行数据
基于宽表的数据建模应用
干货整理!ERP在制造业的发展趋势如何,看这一篇就够了
What about wechat mall? 5 tips to clear your mind
LeetCode 503. Next bigger Element II
随机推荐
The research trend of map based comparative learning (gnn+cl) in the top paper
SMT32H7系列DMA和DMAMUX的一点理解
Dry goods sorting! How about the development trend of ERP in the manufacturing industry? It's enough to read this article
Project practice | excel export function
百度APP 基于Pipeline as Code的持续集成实践
植物大战僵尸Scratch
OpenGL - Coordinate Systems
First understanding of structure
TDengine ×英特尔边缘洞见软件包 加速传统行业的数字化转型
LeetCode 31. Next spread
MySQL does not take effect in sorting string types
[listening for an attribute in the array]
Analysis of eventbus source code
Tutorial on building a framework for middle office business system
Unity skframework framework (XXIII), minimap small map tool
LeetCode 556. Next bigger element III
From "chemist" to developer, from Oracle to tdengine, two important choices in my life
Unity SKFramework框架(二十二)、Runtime Console 运行时调试工具
uni-app---uni.navigateTo跳转传参使用
LeetCode 556. 下一个更大元素 III