最火国产工业组态软件(前端Web可视化)

17 阅读8分钟

1. 简介

乐吾乐大屏可视化组态软件,是乐吾乐公司完全自主研发的“零代码”Web组态可视化+数字大屏编辑工具,支持以2D/2.5D等形式构建实时数据展示、监控告警、动态交互的组态画面,完全满足国产化需求。为物联网、电力能源、工业互联网等领域的Web组态、SCADA、智慧数字大屏、工控可视化、触摸屏UI等提供可视化解决方案。拥有5000个行业组件库及模板、2D与3D的无缝融合,能够快速搭建酷炫、生动、直观、形象的数字大屏和可视化解决方案。配合一键离线部署功能,帮助企业快速交付,降低开发成本,助力数字化转型,携手打造数字化时代的前沿大屏应用。

2. 在线体验

v.le5le.com/

3. 特点

3.1 Web组态,零代码,一键构建,无限可能

  • 无需编程背景,就能轻松构建复杂的可视化界面,创建出酷炫惊叹的数据可视化大屏。
  • 工程: 所见即所得、原型即产品、设计即运行,一站式实现多页面解决方案:从登录页,到首页、概览页、组态可视化、报表页面、业务详情页、弹框等各种页面 0 零代码实现。
  • Web组态: 支持2D/2.5D组态搭建、数据通信、动效、事件和交互。
  • 直观的拖拽操作: 用户只需通过直观的拖拽和放置操作,即可在画布上添加、调整和排列各种组件、图表和控件。零代码拖拽方式让用户能够实时预览界面效果,直观地观察布局、样式和数据的变化。
  • 零代码连接数据:通过智能配置,将实时数据源或Mock数据与图表或其他组件进行关联,无需编写代码即可实时动态展示数据及监控告警。
  • 实时预览和编排:用户可以实时预览界面效果,同时可以随时进行调整和修改。这种所见即所得的特点使用户能够在设计过程中快速优化界面和功能。

总之,大屏可视化设计器极力降低数据可视化创作门槛,使更多的人都能参与其中,从而实现更广泛的应用。无论是专业人士还是普通用户,都可以在不费力气的情况下,创造出引人注目的数据可视化大屏和数字孪生,探索数据的奥秘,实现更智能化的决策和应用。

3.2 实时展示,自动化连接数据

零代码实时数据展示:在大屏可视化设计器中,实时数据展示也是零代码的。通过智能配置,可以选择Mock数据或设备数据源,轻松实现数据实时展示,无需编写代码。

零代码数据绑定:通过定义数据模型,快速绑定图元数据;支持接口请求或excel导入数据模型

支持多种通信方式:支持mqtt、websocket、http、SSE、SQL数据源、对接乐吾乐物联网平台等多种方式数据通信。

3.3 丰富的交互事件

交互方式: 支持鼠标单击、双击、鼠标移入移出、监听消息事件等触发方式,支持数据驱动;

交互条件: 支持配置交互触发条件;

交互动作: 支持打开链接、打开视图、打开弹窗、控制动画播放/暂停/停止、控制音视频播放/暂停/停止、发送数据(下发指令)、与二维/三维场景交互等事件动作。

3.4 炫酷的动画效果

节点动画: 内置闪烁、旋转、背景变化等动画效果,支持自定义逐帧动画;

连线动画: 内置水流、水珠、圆点、箭头和水滴动画效果,支持自定义轨迹动画。

3.5 丰富的组件

3.5.1 设备

包括光伏系统、制冷站、废气治理、废水处理、智慧城市、智慧港口、汽车制造、火力发电、电信机房、矿山、采暖系统、锅炉房、风力发电、国家电网、电气工程图元等不少于5000个设备图元(2D/2.5D)。

3.5.2 控件

摄像头、音频、视频、文本、时间、日历、列表、表格、提醒、轮播、导航、输入、工控等。

3.5.3 图表

包括折线图、面积图、柱状图、条形图、饼环图、散点图、雷达图、关系图、桑基图、仪表盘、地图。

图表设计器:通过 0 代码快速设计 ECharts 图表,无需手动编写复杂的配置选项。

3.5.4 模板

内置多款主题和布局,让大屏设计更加简单。

3.5.5 素材

标题、装饰、面板

3.6 海量解决方案

包括智慧物联、电力能源、智慧水务、智慧工厂、智慧校园、智慧园区、智慧交通、智慧城市、智慧农业、电信机房、航空航天、智能家居。

3.7 多方式部署和发布

  • 企业版:私有化部署大屏可视化设计器平台
  • 单项目部署:
    • 一键云发布,在线云部署
    • 导出大屏项目,单项目私有化部署
    • 导出HTML、Vue、React等组件包
    • 支持大屏查看页面内嵌集成到第三方平台

3.8 多端适配能力

  • 支持Chrome、Firefox、Edge、Safari等主流浏览器
  • 支持移动端webview方式访问
  • 支持手机、平板、PC、大屏等多端展示

扫一扫,查看更多移动端解决方案

3.9 强大的扩展能力

  • 组件库扩展:控件、图表、图形、图元、模板的扩展,支持自定义上传、组合
  • 数据显示扩展:条件显示、数据格式显示、自定义函数扩展等
  • 交互事件扩展:系统消息、自定义消息、生命周期hook、系统接口函数等
  • 智能算法扩展:支持自定义拖拽智能算法,自定义连线算法等
  • 动画扩展:节点逐帧定义动画、自定义算法动画
  • 排版扩展:支持自定义排版布局算法

3.10 满足国产化需求

可以满足纯国产环境:

2D、大屏:100%纯自研,国产

3D:基于开源3D引擎Babylon.js研发的的数字孪生和组态开发,类似国产系统基于Linux研发

支持国产系统: 支持基于Linux的国产系统

支持国产数据库: 人大金仓数据库、华为高斯数据库、达梦数据库

4. 应用场景

电力监控系统、综合能源可视化系统、新能源可视化、工业互联网可视化、工业仿真、数字融合平台、Web组态、物联网数字可视化、工业智能制造组态、工艺流程组态、数据驾驶舱、SCADA、水处理系统、可视化编辑器、可视化工具、工控可视化、自动化/电力教学实训、实验室仿真教学、国防军工可视化系统、低碳环保可视化、智慧城市、智慧楼宇、智慧政务、触摸屏端UI、零代码Web应用等

5. 技术架构

系统采用B/S结构在云端上部署,由前后端分离 + 接口服务 + 数据库组成,遵循Restful Api接口设计标准及规范进行接口开发,或者采用采购方所提供的接口服务。

6. 技术路线

  1. 前端框架采用主流的Vite + Vue3
  2. 后端采用Java语言,框架springboot
  3. 绘画引擎采用meta2d.js
  4. 底层绘画技术为Canvas
  5. 消息通信支持Websocket、MQTT、http、SSE
  6. 客户端支持Chrome、Firefox、Edge等
  7. 后端接口设计遵循Restful Api接口设计标准及规范
  8. 支持多端访问,包含浏览器和移动端
  9. 提供离线部署安装方式,支持离线/在线更新

7. 性能测试

图纸画笔(节点和连线)总数不超过20000,性能良好、使用流畅

节点图片动画测试结果
2000000使用流畅
100000100使用流畅
200001000使用流畅
2000100使用流畅
5003000略有卡顿

实时数据刷新性能

数据点刷新时间
100030ms
200040-50ms

体验案例:doc.le5le.com/document/11…

8. 解决方案(可在线编辑/预览)

更多方案: le5le.com/enterprise/…

8.1 暖通可视化(2.5D大屏)

8.2 废水处理系统(2.5D大屏)

8.3 中央空调系统(2.5D大屏)

8.4 智慧楼宇管理系统(2.5D大屏)

8.5 光伏系统(2.5D/2D工程大屏)

8.6 废气处理(2D大屏)

8.7 变电站一次系统接线图(2D大屏)

8.8 储能电站储能线分图(2D大屏)

8.9 火电厂生成过程示意图(2D大屏)

8.10 暖通(2D大屏)

8.11 机房可视化运维平台(3D大屏)

8.12 暖通可视化系统(3D大屏)

8.13 储能电站智慧园区(3D工程大屏)

8.14 石油化工厂(3D大屏)

8.15 风电场升压站(3D大屏)

9. 在线使用

在线编辑: v.le5le.com/

部署试用: doc.le5le.com/document/11…