[]
在仪表板中，通过物联网数据构建拓扑图可实现如下效果：
下载资源包，然后将其导入系统，可以看到具体的设计细节，方便您参考学习。
编辑该仪表板引用的物联网数据，将服务器地址及主题改成您实际使用的，测试连接成功后保存；仪表板将会更新，显示实时数据。
接下来看怎样在仪表板中制作这样一个设备监控系统。
该系统由3个空压机，4个流量计，及多个管道和阀门组成
每个设备都有一个卡片显示该设备当前状态信息
在左侧工具栏上选择 矩形 并拖到页面上
设置圆角半径为5，设置边框颜色为蓝色
绑定 1_空压机 的多个数据到矩形的数值上
设置文本标签，显示文本， 内容中输入想要显示的文本，及插入绑定列表字段；改变水平对齐方式为左对齐，通过空格控制文本和列表字段对齐；改变垂直对齐方式为下对齐。
设置格式化，排气压力 小于或等于 0时，边框色显示红色
再拖动一个矩形到该矩形内的上方，
绑定 1_空压机 的 机器编号和排气压力；
设置左上和右上圆角半径为5，设置边框颜色为蓝色及背景色为浅蓝色
显示文本标签，且内容中插入{机器编号}
设置格式化，排气压力 小于或等于 0时，背景色显示成浅红色，边框色显示成红色
拖动一个svg形状到大矩形右侧，上传空压机的svg
未满足格式化条件时：
满足格式化条件时：
其他空压机可以复制设计好的空压机，重新绑定不同设备的数据
type=warning
注意：拓扑图重新绑定数据后，文本标签内容需重新插入列表字段，矩形才可正确显示数据，条件格式化也需要重新添加
流量计设计步骤与空压机一致，请参考空压机设计步骤
在左侧工具栏上选择 直线 拖到页面上
绑定 1_空压机 的排气压力
设置基础样式的颜色为浅蓝色，设置线宽为6
设置动画效果为流动，设置时长为1，设置循环模式为循环，缓动函数为线性，设置颜色为深蓝色，设置线宽为5，虚线间隔为10
设置条件格式化，排气压力小于或等于 0 ，基础样式的颜色为浅红色，动画效果的颜色为深红色
在左侧工具栏上选择 SVG形状拖动到管道右侧，上传基础色为蓝色的阀门svg图片
绑定 1_空压机的排气压力
设置条件格式化，排气压力小于或等于 0，基础样式重新上传基础色为红色的阀门svg图片
管道及阀门动画如下，满足条件格式化条件时，管道及阀门颜色变成红色
继续添加其他设备并绑定数据及更改条件格式化，然后手动排版成型
