当前位置:网站首页>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 can read and write through dataX, a data synchronization tool
- OpenGL - Model Loading
- 百度智能小程序巡檢調度方案演進之路
- From "chemist" to developer, from Oracle to tdengine, two important choices in my life
- Unity skframework framework (XXII), runtime console runtime debugging tool
- 百度评论中台的设计与探索
- 植物大战僵尸Scratch
- Solve the problem of no all pattern found during Navicat activation and registration
- SQL learning - case when then else
- 【饿了么动态表格】
猜你喜欢

H.265编码原理入门

How to improve the operation efficiency of intra city distribution

Three-level distribution is becoming more and more popular. How should businesses choose the appropriate three-level distribution system?
![[sourcetree configure SSH and use]](/img/9a/1cd4ca29e5b7a3016ed6d5dc1abbef.png)
[sourcetree configure SSH and use]

A keepalived high availability accident made me learn it again

Lepton 无损压缩原理及性能分析

SMT32H7系列DMA和DMAMUX的一点理解

Understand the window query function of tdengine in one article

初识结构体

C form click event did not respond
随机推荐
【饿了么动态表格】
百度智能小程序巡检调度方案演进之路
Lepton 无损压缩原理及性能分析
Three-level distribution is becoming more and more popular. How should businesses choose the appropriate three-level distribution system?
The writing speed is increased by dozens of times, and the application of tdengine in tostar intelligent factory solution
Officially launched! Tdengine plug-in enters the official website of grafana
[team PK competition] the task of this week has been opened | question answering challenge to consolidate the knowledge of commodity details
Nips2021 | new SOTA for node classification beyond graphcl, gnn+ comparative learning
初识结构体
[hungry dynamic table]
如何正确的评测视频画质
Talking about the difference between unittest and pytest
Unity skframework framework (XXII), runtime console runtime debugging tool
Tdengine already supports the industrial Intel edge insight package
Lepton 无损压缩原理及性能分析
OpenGL - Model Loading
Dry goods sorting! How about the development trend of ERP in the manufacturing industry? It's enough to read this article
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
Kotlin introductory notes (VI) interface and function visibility modifiers
Understanding of smt32h7 series DMA and DMAMUX