0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

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

自动化小天地 来源:施耐德自动化 作者:施耐德自动化 2020-08-30 11:27 次阅读

前面有写过借助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
    plc
    +关注

    关注

    4974

    文章

    12244

    浏览量

    454832
  • Web
    Web
    +关注

    关注

    2

    文章

    1237

    浏览量

    68447
  • python
    +关注

    关注

    51

    文章

    4671

    浏览量

    83458

原文标题:Python实现M580 PLC数据可视化大屏显示

文章出处:【微信号:SE_AUT,微信公众号:自动化小天地】欢迎添加关注!文章转载请注明出处。

收藏 人收藏

    评论

    相关推荐

    FUXA基于Web的过程可视化软件案例

    FUXA——基于Web的过程可视化软件
    发表于 04-24 18:32 0次下载

    数据可视化在大数据时代有哪些挑战?#可视化 #光点科技

    数据可视化
    光点科技
    发布于 :2023年10月17日 17:02:01

    如何在数据可视化中保护数据隐私?#可视化 #光点科技

    数据可视化
    光点科技
    发布于 :2023年10月16日 09:39:18

    数据可视化的应用有哪些?#可视化 #光点科技

    数据可视化
    光点科技
    发布于 :2023年10月13日 09:19:27

    数据可视化有哪些常见的图表类型?#可视化 #光点科技

    数据可视化
    光点科技
    发布于 :2023年10月11日 09:30:39

    数据可视化的发展趋势是什么?#可视化 #光点科技

    数据可视化
    光点科技
    发布于 :2023年10月10日 09:31:59

    数据可视化的未来发展趋势是什么?#可视化 #数据可视化 #光点科技

    数据可视化
    光点科技
    发布于 :2023年09月25日 18:29:24

    数据可视化有什么优势?#可视化 #数据可视化 #光点科技

    数据可视化
    光点科技
    发布于 :2023年09月25日 09:50:22

    什么是数据可视化?如何进行数据可视化?#可视化 #光点科技

    数据可视化
    光点科技
    发布于 :2023年09月20日 17:41:03

    可视化大屏设计模板 | 主题皮肤(报表UI设计)

    下载使用可视化大屏设计模板,减少重复性操作,提高报表制作效率的同时也确保了报表风格一致,凸显关键数据信息。 软件:奥威BI系统,又称奥威BI数据可视化工具 所属功能板块:主题皮肤上传下
    发表于 09-12 10:10

    财务数据分析?奥威BI数据可视化工具很擅长

    的智能财务指标计算功能,还拥有一套标准、系统的财务数据分析方案,无需测试,下载即可用! 奥威BI工具+智能财务方案:轻松完成智能财务数据可视化
    发表于 08-29 09:44

    紧跟老板思维,这款数据可视化工具神了

    多维度自助分析;可无边界钻取分析,帮助商品/运营部门以数据驱动运营,实现数字运营管理。 在奥威BI数据可视化工具的多维动态分析功能的帮助下
    发表于 08-22 13:46

    SpeedBI数据可视化工具:浏览器上做分析

    SpeedBI数据分析云是一种在浏览器上进行数据可视化分析的工具,它能够将数据可视化的形式呈现
    发表于 08-22 10:55

    keras可视化介绍

    , 0.24421487748622894]5 训练过程的可视化:keras + Tensorboard Tensorboard提供训练过程可视化的功能,是通过keras的回调函数来实现的。 # 截取部分代码如下
    发表于 08-18 07:53

    使用Python来收集、处理和可视化人口数据

    如何使用Python这一流行的编程语言来收集、处理和可视化印度和中国的人口数据呢?本文将向你介绍一些基本的步骤和技巧,帮助你掌握Python进行可视
    的头像 发表于 06-21 17:08 953次阅读
    使用<b class='flag-5'>Python</b>来收集、处理和<b class='flag-5'>可视化</b>人口<b class='flag-5'>数据</b>