le5le_iot的博客

乐吾乐物联网平台是由乐吾乐自主研发的一款分布式的设备接入与管理系统，专为满足不断增长的设备接入和数据处理需求而设计。平台集数据采集、分析、监控、告警和通知等功能于一体，并融合了乐吾乐大屏可视化和乐吾乐3D数字孪生技术，帮助用户快速实现包含硬件设备到与组态/SCADA/数字孪生等可视化的物联网解决方案落地和应用。

平台集数据采集、分析、监控、告警和通知等功能于一体，并融合了乐吾乐大屏可视化和乐吾乐3D数字孪生技术，帮助用户快速实现包含硬件设备到与组态/SCADA/数字孪生等可视化的物联网解决方案落地和应用。

用乐吾乐大屏可视化、2D可视化，一键导入Visio即可实现丰富的可视化组态效果。

集实时数据展示、动态交互、数据管理等一体的全功能2D可视化引擎。

只需将现有的CAD图纸上传到平台，即可转化为动态交互的可视化场景，实现图纸与实时数据的联结，帮助企业以最快的速度迈向数字化转型。

用于构建具有实时数据展示、监控预警、丰富交互的组态画面。

一个图元支持配置多个动画，控制执行任一动画。

​乐吾乐大屏引入开源可视化图表库Echarts，修改样式、更新数据

可以自定义每列/每个单元格展示组件，包含了table所有功能

“零代码”编辑工具，完全满足国产化需求。实现物联网、电力能源、工业互联网等领域的可视化组态大屏、触摸屏端UI以及工控可视化的解决方案。同时也是一个Web组态工具，支持2D、2.5D等多种形式，用于构建具有实时数据展示、监控预警、丰富交互的组态画面。拥有丰富的大屏组件和行业模板，能够快速搭建酷炫的2D大屏和嵌入3D可视化案例与大屏做交互，一键下载离线资源部署包，快速交付方案，降低开发成本。携手打造数字化时代的前沿大屏应用。

采用前后端分离架构，乐吾乐后端服务提供一整套完整的web组态编辑器的所有数据接口，包含2D/3D图纸接口服务、文件接口服务和用户接口服务等，安装包版本提供后端可执行程序文件，后端源码版提供Java源码。

【乐吾乐大屏可视化组态编辑器】用户使用手册

下载可视化大屏离线部署包文件

动画按顺序播放

​乐吾乐大屏可视化可以实现大屏页面与内嵌2d/3d场景相互通信，底层原理是利用了iframe通过postMessage发送消息。

实现弹窗效果有多种方式：1.通过控制图元的visible属性控制实现弹窗；2.内置iframe弹窗。3.通过meta2d消息机制通知弹窗显示。

支持点击图元，切换画面或跳转链接。

可以支持多状态切换，通常用于设备状态的变化

条件触发告警动画

示例：当数值大于等于600、或者小于等于200的时候，左侧正方形图元背景颜色变成红色，产生告警效果；当数值在200到600之间的时候，左侧正方形图元恢复默认透明背景。

发送指令是指将数据通过通信接口下发到设备

模拟数据支持在没有建立数据获取的条件下，对数据列表进行数据的动态展示。

【乐吾乐大屏可视化组态编辑器】动态图表

官方支持多种导入变量列表的方式：①从我的变量列表导入；②从Excel导入；③在线接口。

数据绑定

通过本章内容，你将快速学习到大屏可视化设计平台的全流程开发

采用前后端分离架构，乐吾乐后端服务提供一整套完整的web组态编辑器的所有数据接口

乐吾乐图形库根据行业和风格分为基础图形库、电力图形库、物联网图形库、2.5D科技图形库。一共4000多个图元组件。

可视化组态编辑器常用的表单控件源码

常用功能函数

排版布局

坐标点

图元，又称画笔。

区域位置。

【国产开源可视化引擎】Meta2d.js API-Canvas

【国产开源可视化引擎】Meta2d.js API-Core

通过meta2d.fitView函数自适应屏幕显示

Meta2d.js支持多画布同时显示。

推荐使用meta2d.open切换新画面。

Meta2d.js支持多个状态的自由切换。例如：开/关；正常/告警/错误；停止/运行等。