前面有寫過借助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數據的思路，歡迎感興趣的朋友交流