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
    +关注

    关注

    5008

    文章

    13200

    浏览量

    462397
  • Web
    Web
    +关注

    关注

    2

    文章

    1258

    浏览量

    69384
  • python
    +关注

    关注

    56

    文章

    4784

    浏览量

    84502

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

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

收藏 人收藏

    评论

    相关推荐

    智慧能源可视化监管平台——助力可视化能源数据管理

    博达可视化大屏设计平台在智慧能源领域的价值体现在实时监控、数据可视化、决策支持和效率提升等方面。借助该平台,企业可以轻松搭建智慧能源类可视化大屏,更加精确和高效地管理生产和生活,
    的头像 发表于 11-29 10:00 145次阅读
    智慧能源<b class='flag-5'>可视化</b>监管平台——助力<b class='flag-5'>可视化</b>能源<b class='flag-5'>数据</b>管理

    智慧楼宇可视化的优点

    监控与管理:智慧楼宇可视化系统可以实时监测楼宇各项数据指标,包括能耗、水量、空气质量、安全等情况,让管理者随时了解楼宇运行状态,及时发现问题并做出调整。 2.数据可视化
    的头像 发表于 11-19 14:25 145次阅读

    智慧园区数据可视化优势体现在哪些地方

    智慧园区数据可视化是当今数字化时代的重要工具,为园区管理者和决策者提供了强大的分析和展示数据的能力。以下是智慧园区数据可视化的应用优势,详细
    的头像 发表于 11-15 10:30 146次阅读
    智慧园区<b class='flag-5'>数据</b><b class='flag-5'>可视化</b>优势体现在哪些地方

    HT for Web并力ARMxy工业计算机实现数字转型可视化解决方案

    数字转型作为制造企业转型的关键过程,正迅速改变传统的工业运营模式。HT for Web与ARMxy工业计算机的结合,为数字转型提供了一个高度集成的可视化平台。通过HT for
    的头像 发表于 08-28 16:17 377次阅读
    HT for <b class='flag-5'>Web</b>并力ARMxy工业计算机<b class='flag-5'>实现</b>数字<b class='flag-5'>化</b>转型<b class='flag-5'>可视化</b>解决方案

    可视化数据大屏的制作流程

    制作可视化数据大屏是一项涵盖数据分析、设计和技术实现的复杂任务。从数据处理到展示呈现,每个步骤都
    的头像 发表于 07-24 13:57 263次阅读

    大屏数据可视化 开源

    可以使信息一目了然,还能帮助用户深入分析数据,发现潜在的规律和洞察。以下是古河云科技实现大屏数据可视化的关键步骤。 1.确定需求和目标 确定大屏数据
    的头像 发表于 06-27 16:06 385次阅读
    大屏<b class='flag-5'>数据</b><b class='flag-5'>可视化</b> 开源

    如何实现园区大屏可视化

    孪生可视化 构建平台利用Web三维可视化技术对现实场景进行仿真,实现园区级业务场景 的可视化呈现
    的头像 发表于 06-19 15:39 393次阅读
    如何<b class='flag-5'>实现</b>园区大屏<b class='flag-5'>可视化</b>?

    智慧大屏是如何实现数据可视化的?

    智慧大屏,作为数据可视化的重要载体,已在城市管理、交通监控、商业运营等领域广泛应用。本文旨在阐述智慧大屏实现数据可视化的关键技术和方法,包括
    的头像 发表于 06-04 15:02 577次阅读
    智慧大屏是如何<b class='flag-5'>实现</b><b class='flag-5'>数据</b><b class='flag-5'>可视化</b>的?

    大屏数据可视化的作用和意义

    大屏数据可视化是指利用大屏幕设备展示数据信息,通过图表、图像、动画等视觉手段将数据呈现出来,以
    的头像 发表于 06-03 17:56 643次阅读

    大屏数据可视化是什么?运用了什么技术

    大屏数据可视化 是一种利用大屏幕设备展示数据可视化结果的技术,旨在以更生动、直观的方式呈现数据
    的头像 发表于 05-24 15:35 827次阅读

    智慧城市-可视化,进一步提高信息建设水平

    智能城市可视化是指整合各种城市信息资源,以地图、虚拟现实等形式展示各种城市数据,更直观地了解和管理城市的运行和发展。智能城市可视化主要通过地理信息系统(GIS)、实现
    的头像 发表于 05-22 16:49 429次阅读

    智慧园区三维可视化的重要性!

    智慧园区三维可视化是系统的一个重要组成部分,它将数据及园区场景1:1还原,让管理者更加清楚的知道园区的具体情况。可视化构建平台利用Web三维可视化
    的头像 发表于 05-15 16:38 398次阅读

    数据可视化:企业数字建设效果的呈现

    数据可视化即通过图表的形式将数据的内在信息有逻辑性地呈现给用户,使用户更容易发现数据中蕴藏的规律,找出问题,进而做出决策;另一方面,
    的头像 发表于 04-29 10:18 435次阅读
    <b class='flag-5'>数据</b><b class='flag-5'>可视化</b>:企业数字<b class='flag-5'>化</b>建设效果的<b class='flag-5'>呈现</b>

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

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

    态势数据可视化技术有哪些

    确,计算方法不实用,可视化效果不直观等技术问题,设计并实现了基于地理信息系统,网络拓扑图,攻击路径等的安全态势可视化分析系统方法, 通过可视化技术将安全态势
    的头像 发表于 04-22 15:17 388次阅读