OneNET 数据可视化 按键控制


前言

使用MQTT协议接入OneNET实现数据的上传以及命令的下发,本文主要是介绍一下如何使用OneNET可视化平台来实现数据的可视化。
1.学会onenet的网页的数据可视化。
2.学会网页按键的简单使用。


一、onenet的网页的数据可视化

1.新建数据流

1. 自动添加数据流。

在这里插入图片描述

2.手动添加数据流。

在这里插入图片描述

2.可视化数据界面配置

1.去可视化设定界面

在这里插入图片描述
在这里插入图片描述
放置控制和显示图标
在这里插入图片描述

2.数据源设定-----非常重要

1.可视化数据源添加

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
例如:

2. 图表与数据源关联。

添加数据源后,此时可以选择数据源了。
在这里插入图片描述

在这里插入图片描述
例如:在这里插入图片描述

return [{
    value: data[data.length - 1].value,
    name: '温度'  //温度可以随意改,改成图表的表头
}]

关联后图表的指针会跳动。

如需添加折线图,配置可参考:https://blog.csdn.net/qq_41954556/article/details/123878277

二、可视化界面按键使用

1.按键外观指令配置

在这里插入图片描述
在这里插入图片描述

2.按键数据源配置–必须配置

因为按键为云端下发指令。其实也可以使用已经配置过的数据源。
在这里插入图片描述

三.保存工程

在这里插入图片描述

四.发布工程

在这里插入图片描述

在这里插入图片描述

五.使用工程

在这里插入图片描述

  • 4
    点赞
  • 54
    收藏
    觉得还不错? 一键收藏
  • 11
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值