当前位置:网站首页>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 offline upgrade process
- How to improve the operation efficiency of intra city distribution
- Kotlin introductory notes (VIII) collection and traversal
- 【对象数组a与对象数组b取出id不同元素赋值给新的数组】
- 初识结构体
- Figure neural network + comparative learning, where to go next?
- 搞数据库是不是越老越吃香?
- Kotlin introductory notes (VI) interface and function visibility modifiers
- 【组队 PK 赛】本周任务已开启 | 答题挑战,夯实商品详情知识
- The research trend of map based comparative learning (gnn+cl) in the top paper
猜你喜欢
![[listening for an attribute in the array]](/img/1f/96eb85ee0af83d601918bcd04e405e.png)
[listening for an attribute in the array]

LeetCode 503. Next bigger Element II

Understand the window query function of tdengine in one article

一文详解图对比学习(GNN+CL)的一般流程和最新研究趋势

Unity skframework framework (24), avatar controller third person control

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

从“化学家”到开发者,从甲骨文到 TDengine,我人生的两次重要抉择

LeetCode 556. Next bigger element III

观测云与 TDengine 达成深度合作,优化企业上云体验

【技术直播】如何用 VSCode 从 0 到 1 改写 TDengine 代码
随机推荐
MYSQL 对字符串类型排序不生效问题
Resolve the horizontal (vertical) sliding conflict between viewpager and WebView
Why does everyone want to do e-commerce? How much do you know about the advantages of online shopping malls?
TDengine 连接器上线 Google Data Studio 应用商店
7 月 2 日邀你来TD Hero 线上发布会
From "chemist" to developer, from Oracle to tdengine, two important choices in my life
Analysis of eventbus source code
Figure neural network + comparative learning, where to go next?
揭秘百度智能测试在测试自动执行领域实践
Community group buying has triggered heated discussion. How does this model work?
Android 隐私沙盒开发者预览版 3: 隐私安全和个性化体验全都要
mysql安装配置以及创建数据库和表
OpenGL - Coordinate Systems
E-commerce apps are becoming more and more popular. What are the advantages of being an app?
Are databases more popular as they get older?
About getfragmentmanager () and getchildfragmentmanager ()
观测云与 TDengine 达成深度合作,优化企业上云体验
分布式数据库下子查询和 Join 等复杂 SQL 如何实现?
C语言-从键盘输入数组二维数组a,将a中3×5矩阵中第3列的元素左移到第0列,第3列以后的每列元素行依次左移,原来左边的各列依次绕到右边
How to empty uploaded attachments with components encapsulated by El upload