【乐吾乐2D可视化组态编辑器】实时数据，数据绑定

什么是绑定变量？

绑定变量是指把图元的一个属性与设备数据点关联的一个过程。【注意】只是建立一个数据模型的关联，数据源后面设置。

乐吾乐2D可视化组态编辑器地址：https://2d.le5le.com/ 

为什么不直接设置数据源？

1. 方便批量生产，提高生产效率。具体来说就是把业务与具体设备解耦，使一个解决方案可以用在多个不同的项目中，只需要底层设备是相同批次型号即可。
2. 性能更高。和现在工业场景普遍采用MQTT等协议原因一样，一个通信已经能满足一个场景数据交互。大量多个通信只会导致更高延迟甚至消息阻塞。

1. 绑定数据绑定接口

点击画布-选择通信-变量绑定 配置地址

如果没有配置，走官方默认接口/api/device/data/tree?mock=1

如果配置了，请按照官方默认接口格式返回数据。

接口对应的绑定变量列表树：

2. “数据”面板添加属性

选中图元，选择“数据”面板，在“数据”栏中“添加数据”，填写你需要绑定变量的图元的属性名。属性名参考Meta2d.js API中Pen的属性。

其中，类型选择：只是UI辅助输入，输入并不限制该属性的类型。

3. 绑定变量

在右侧数据中，鼠标经过某一行数据，会有三个按钮，分别是“绑定变量”、“编辑数据”和"删除数据"。

点击图标，弹出绑定变量对话框。

• 树形结构中，可以选中任意一个叶子节点进行绑定。
• 输入框可以输入任意字符，点击确定，该属性即绑定该变量。
• 该树形结构可以自定义。

4. 设置数据源开始通信

点击画布空白位置，选择通信面板，在http协议中,url地址填写官方提供的测试地址（/api/device/data?mock=1）。