前面有写过借助Node-RED实现Modicon M262数据可视化呈现于Web的方案。
效果如下:
现介绍另一种通过Python实现PLC数据可视化呈现于Web端的方案。
主要技能:
Python+Flask+Bootstrap+Echarts+Modbus TCP/OPC UA
实现方法:
1、Python 通过Modbus TCP或OPC UA采集Modicon M580 PLC数据
M580本体以太网口支持Modbus TCP,可通过Python+pyModbusTCP库实现数据采集;
M580可扩展BMEP582040 OPC UA模块,可通过Python+opcua库实现数据采集;
2、Python+Flask+Bootstrap+Echarts开发Web实现图形化动态展现PLC数据
Flask是一个使用Python编写的轻量级Web应用框架;
设计前端页面,编写HTML,CSS,JS代码 配置路由,编写视图函数
Bootstrap是Twitter推出的一个开源的前端开发框架;
利用Bootstrap栅格系统实现响应式布局
Echarts是一使用JavaScript实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。
Echarts提供了丰富的可视化图形,如折线图,柱状图,散点图,饼图,盒型图,雷达图,热力图等等;
官网也提供了详细的中文教程帮助大家使用。
依赖Echarts库可便捷地将PLC数据呈现于各种丰富的图表中。
小编设计一简易Demo,效果如下:
以上提供了一点在Web端图形化呈现PLC数据的思路,欢迎感兴趣的朋友交流
-
plc
+关注
关注
5008文章
13200浏览量
462397 -
Web
+关注
关注
2文章
1258浏览量
69384 -
python
+关注
关注
56文章
4784浏览量
84502
原文标题:Python实现M580 PLC数据可视化大屏显示
文章出处:【微信号:SE_AUT,微信公众号:自动化小天地】欢迎添加关注!文章转载请注明出处。
发布评论请先 登录
相关推荐
评论