前面有写过借助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数据的思路,欢迎感兴趣的朋友交流
全部0条评论
快来发表一下你的评论吧 !