「物联网」用中移物联网OneNET View2.0数据可视化工具做个大屏展示界面

【「物联网」用中移物联网OneNET View2.0数据可视化工具做个大屏展示界面】
1、试用背景与项目简介 大家好 , 我是你们的老朋友xukejing , 好久不见!
最近 , 中移物联网推出了OneNET View2.0数据可视化工具 , 它具有拖拽式编辑、多种功能组件、多数据源对接、自动屏幕适配、3D项目支持、多种行业应用模板、数据过滤等功能 , 可以帮助开发者拖拽生成高端大屏应用 , 轻松应对智能家居、智慧城市、水利水电、智慧医疗等数据可视化需求 。
在过去 , 各位物联网老司机应该已经把中移物联网的老的应用管理平台的数据展示功能用得很6了 , 发现突然又来个View2.0 , 觉得既生瑜何生亮 , 可能会不太愿意重新再做一套应用 。 因此我特地试用了一些 , 试用体验以后 , 觉得把展示功能转到View2.0还是值得考虑的 。
那么 , 为什么要用View , 而不再用老的数据展示功能呢?给大家看看一个例子 。
「物联网」用中移物联网OneNET View2.0数据可视化工具做个大屏展示界面
本文插图
这是我的一个项目 , 这个项目已经做完很久了 , 也有老的展示界面 。 下面先看看在老的应用开发平台做出来的界面 。
「物联网」用中移物联网OneNET View2.0数据可视化工具做个大屏展示界面
本文插图
这个应用的链接地址:https://open.iot.10086.cn/app_editor/#/view?open_id=d7de5fc56e70f18a371c8a581ef93219
虽然名字叫“空军一号” , 但是它并不是飞机 , 而是个“箱子” 。 这是个宠物航空箱远程监视项目 , 硬件基于中移OneNet麒麟座开发板 。 装置除了监视温湿度与x、y、z轴加速度 , 考虑到宠物箱会被放进货仓 , 有可能会受到来自其他货物比如衣服、板材等释放的甲醛的毒害 , 还使用电化学甲醛传感器采集了甲醛浓度数据 。 大家可以发现 , 老平台做出来的界面 , 看上去很简单 , 虽然朴素 , 但是很实用 。
下面这个图片 , 就是基于新的View平台做的了 。 大家发现最大的区别了吧 。 View下面的各种控件UI都改进了 , 另外字体和配色比较有科技感 。
「物联网」用中移物联网OneNET View2.0数据可视化工具做个大屏展示界面
本文插图
这个View应用的链接地址:https://open.iot.10086.cn/view/main/#/share2d?id=5e7b444929b3eb00362155ec
划重点——高端大气上档次的数据可视化大屏展示
前不久 , 中移OneNet社区邀请我试用一下View2.0 。 View2.0自带了很多现成的模板 , 比如智慧农业、智慧电网、智慧城市、智慧交通等 , 这些模板的UI也都做得非常精美 。 模板截图如下:

「物联网」用中移物联网OneNET View2.0数据可视化工具做个大屏展示界面
本文插图
然而 , 我一试用就翻车了 。 模板里各个控件的数据都是静态的 , 并没有真的接入到实际设备的数据源 。
一开始觉得这没啥难的 , 只要把已有产品的数据流拿过来怼上 , 前后一接不就完事了吗 。 结果竟然出了个大问题 , 发生了数据源数据接口与UI控件输入接口不匹配的惨案 , 接入数据后好多控件都不能正常显示图像了 。。。。。
以前的老的应用开发平台从没发生过这种事 , 怎么进化到View反而翻车了呢?怎么会这样呢!!!!不瞒您说 , 当时呢 , 我头都要炸了!!!!
「物联网」用中移物联网OneNET View2.0数据可视化工具做个大屏展示界面
本文插图
经过观察 , 发现View新加入了一个“数据过滤器”的功能 。 虽然名字叫“数据过滤器” , 其实确切的功能是“数据接口函数” 。
也就是说 , 用户要自己写接口代码 。 不明真相的围观群众把瓜都震掉地上了 。
「物联网」用中移物联网OneNET View2.0数据可视化工具做个大屏展示界面


推荐阅读