HTML Echarts图形统计实时显示DHT11温度(一)

本文介绍了一个物联网项目,通过ESP8266和DHT11传感器获取温湿度数据,利用MQTT消息代理(Emqx)进行数据传输,HTML页面结合Echarts实现数据实时图表展示。后续计划扩展到3D大屏展示,并集成红外控制空调,同时完善后台管理系统,将数据存储到数据库。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

使用MQTT消息代理功能,MQTT创建主题,ESP8266发布到主题,推送消息至MQTT,HTML前端订阅主题,获取主题最新信息,并更新Echarts图形统计。

目前简单实现:由HTML图形统计显示;

后续计划:后续计划引入可视化3D大屏展示,并加入红外信号发射器,根据温度自动控制空调;及对上位机进行全面实现后台管理,数据持久化到数据库。

一、环境:

上位机:HTML(引入 JS Jquery Echarts)

中间件:Emqx

下位机:NodeMcu(ESP-12E),DHT11,杜邦线

二、涉及硬件参数:

 三、实物连接图:

四、最终效果:

抖音连接:

http://8.23 QxF:/ 复制打开抖音,看看【。的作品】1、使用esp8266(nodemcu开发板)读取... https://v.douyin.com/2vWmCdb/

Bilibili链接: 

HTML Echart实时显示DHT11温度

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我也不清楚

有钱的捧个钱场,(~ ̄▽ ̄)~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值