【源码】基于ESP32的Arduino Web图形库

项目简介

本项目是一个基于ESP32开发的Web图形库，借助WebSocket与Arduino项目通信，可创建动态的Web用户界面。该库支持常见的ESP32开发板，依赖于ESPAsyncWebServer和ArduinoJson库。

项目的主要特性和功能

• 能在彩色图形中实时动态显示传感器数据或其他数据。
• 可在彩色图形中显示从MQTT代理接收的JSON数据。
• 图形元素会自动调整大小以适应新的数据。
• 利用ESPAsyncWebServer实现图形Web服务器功能。
• 图形内容可方便地进行自定义。

安装使用步骤

前提条件

假设用户已经下载了本项目的源码文件。

具体步骤

1. 导入库：将下载的zip库文件导入到Arduino IDE中。
2. 示例使用：打开提供的示例文件（如"simpleGraph.ino", "multiGraph.ino"等）并在Arduino IDE中运行。
3. 连接并测试：将ESP32板连接到电脑，等待串行监视器显示"You can now access the graph to http://ipaddress"。使用Web浏览器访问该地址以查看图形。

图形库使用说明

• 创建Web图形：通过webGraph *w = new webGraph(&myServer);创建一个Web图形对象。
• 添加图形：使用w->addGraph(g);将图形对象添加到Web图形中。
• 动态图形数据：在循环中，使用w->importJson("myGraph", jsonString, xkey, ykeys, ykeyElements);导入或更新图形数据。
• 图形属性设置：可以使用graph::setGrid(), line::setGrid(), line::setLineColor(), graph::setBackgroundColor(), webGraph::setBackgroundColor()等函数设置图形的网格、颜色等属性。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】