当前位置:网站首页>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=边栏推荐
- Analysis of eventbus source code
- Figure neural network + comparative learning, where to go next?
- Unity skframework framework (24), avatar controller third person control
- 观测云与 TDengine 达成深度合作,优化企业上云体验
- Solve liquibase – waiting for changelog lock Cause database deadlock
- TDengine可通过数据同步工具 DataX读写
- LeetCode 556. Next bigger element III
- Tdengine connector goes online Google Data Studio app store
- OpenGL - Lighting
- Tdengine already supports the industrial Intel edge insight package
猜你喜欢

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
![[sourcetree configure SSH and use]](/img/9a/1cd4ca29e5b7a3016ed6d5dc1abbef.png)
[sourcetree configure SSH and use]

Community group buying exploded overnight. How should this new model of e-commerce operate?

How to improve the operation efficiency of intra city distribution

解决idea调试过程中liquibase – Waiting for changelog lock….导致数据库死锁问题

Unity skframework framework (XXII), runtime console runtime debugging tool

正式上架!TDengine 插件入驻 Grafana 官网

Solve liquibase – waiting for changelog lock Cause database deadlock

An article takes you into the world of cookies, sessions, and tokens

Tdengine already supports the industrial Intel edge insight package
随机推荐
顶会论文看图对比学习(GNN+CL)研究趋势
Tdengine can read and write through dataX, a data synchronization tool
TDengine 连接器上线 Google Data Studio 应用商店
【el-table如何禁用】
Dry goods sorting! How about the development trend of ERP in the manufacturing industry? It's enough to read this article
一文详解图对比学习(GNN+CL)的一般流程和最新研究趋势
[listening for an attribute in the array]
Kotlin introductory notes (IV) circular statements (simple explanation of while, for)
VS Code问题:长行的长度可通过 “editor.maxTokenizationLineLength“ 进行配置
Community group buying has triggered heated discussion. How does this model work?
LeetCode 496. Next larger element I
Unity skframework framework (24), avatar controller third person control
SQL learning alter add new field
mysql安装配置以及创建数据库和表
OpenGL - Lighting
LeetCode 503. 下一个更大元素 II
Gradientdrawable get a single color
tongweb设置gzip
The writing speed is increased by dozens of times, and the application of tdengine in tostar intelligent factory solution
Three-level distribution is becoming more and more popular. How should businesses choose the appropriate three-level distribution system?