真人电子MG
欢迎光临真人电子MG监控摄影有限责任公司
产品展示
联系我们
销售热线:
Contact Hotline
400-202-9588 1586546546
传真:400-202-9588

E-mail:6546546@qq.com

公司地址:广东省广州市番禺经济开发区
当前位置: 主页 > 产品展示 > 模拟摄影机 >
轻松可视化实现设备监控大屏效果
 

  可视化端实现的交互效果分别有三点:1、报警滚动展示,2、表格▲★-●翻页显示,3、设备故障三角形动画

  前期准备,服务端上传设◆■备到阿里云端,完成后,我们打开上图阿里云平台具体•□▼◁▼要对接的产品数据,按下列骤订阅消•●息

  通过★△◁◁▽▼上图对接好阿里云上的信息后,数据就接入到我们的平台,在函数体内根据自己实际业务需求做相应处理后,就可▲=○▼以输出到可视化平台了,以上数据接口已全部搭建完成

  注:图中的name即我们要绑定的字段名,value为绑定位置接收到的数据

  新建数据集,对接好相应字段,确定后重新打开,点击数据●测试,就可以看到接口过来的数据

  改变了以往html+css的方式,ui设计师直接在页面中设计、拖拉组件方式就可以很快完成

  以上这么多组件都是怎么定义的呢?我们这边以echarts为例,讲下实现过程

  在渲染元素中,定义好echarts需要的option,按下列代码用参数替换o◆▼ption中的项

  因数据接口的数据是单条输出,所以我们要在插入前事件中接管数据,放入自己□◁的容◆●△▼●器中,定义好图表需要的数据格式后再返回,代码实现如下:

  <★▽…◇img src=http://5b0988e595225.cdn.sohucs.com/images/20190710/01449ff9f2734fa59bdbeef416ce53f0.png width=600 />

  看板中的其他模块大同小异,按上★◇▽▼•述步骤熟练后都可以快速实现,就不再▪▲□•☆■▲◁重复描述,有兴趣同学可以动手试一试哦!

真人电子MG

在线客服1
在线客服2
关注官方微信
400-202-9588
返回顶部