Python实现PLC数据可视化呈现于Web端

描述

前面有写过借助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提供了丰富的可视化图形,如折线图,柱状图,散点图,饼图,盒型图,雷达图,热力图等等;

Web

官网也提供了详细的中文教程帮助大家使用。

Web

依赖Echarts库可便捷地将PLC数据呈现于各种丰富的图表中。

小编设计一简易Demo,效果如下:

以上提供了一点在Web端图形化呈现PLC数据的思路,欢迎感兴趣的朋友交流

打开APP阅读更多精彩内容
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉

全部0条评论

快来发表一下你的评论吧 !

×
20
完善资料,
赚取积分