UIOTOS支持组态HMI矢量绘图，提供了UI组件的同时，还提供了API接口组件。MQTT属于接口的一个选项，可以获取后端、设备的数据。
本示例介绍任意绘制的图形，如何用MQTT的数据，来动态修改图形的属性，动态改变尺寸、颜色、位置等。效果如下所示：
步骤1 绘制图形
如下所示，拖放钢笔符号，连笔随意绘制一个五角星。
步骤2 拖放接口
在组件面板中找到接口组件，拖放并设置MQTT参数。
步骤3 接口操作图形
将接口组件的输出，连线操作绘制的五角星，如下所示：
步骤4 模拟数据发送
启动MQTT客户端工具，配置参数和Topic主题，与上面MQTT接口对应。
发送数据。注意，按照对象键值对方式，字段名称为五角星属性别名。
随后可以看到本文开头的示例效果。
小结
UIOTOS作为一站式前端工具，独创嵌套连线机制，能够搭建组态HMI，解决常规界面应用开发难题，为后端、硬件、电气工程师提供极大便利。
