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


本文插图
真是好奇怪啊!为什么不直接在控件里把与OneNet数据流的接口做好 , 徒增不必要的重复劳动 , 还容易发生数据解析错误 。 这真是一个大坑啊 。 我们可以把View在物联网界推广一下 , 让大家一起掉坑里同甘共苦相濡以沫雨露均沾 , 这样心里可以平衡一点 。
是不是很好奇 , 为什么OneNet突然把数据接口做得那么麻烦了?
OneNet始终秉承着开放合作的态度 , 首先可以排除不是故意给小白们添堵的 。
神机妙算的我很快就猜到了原因 。 应该是为了过滤出高级玩家 , 然后送一波板子!能把数据接上的应该都是王者段位了 。
所以 , 大家快去用View2.0做开发吧 , 做出项目后 , 板子申请成功率很可能会变成100% 。
遇到坑是很正常的 , 不要怕 , 干就完了 , 奥利给 。
2、接受挑战 今天要讲讲View怎样接入原有的OneNet项目的数据 。
其实 , 我这恬不知耻的吹牛大王 , 除了会吹牛 , 也是个隐藏的高级玩家 。 既然前面已经发现UI控件的数据接口与OneNet数据流输出接口接不上了 , 那就写几个接口函数呗 。 我们王者遇到挫折的时候 , 一贯的风格都是像压路机一样直接碾压过去的 。
本宝宝决定接受这个挑战!
「物联网」用中移物联网OneNET View2.0数据可视化工具做个大屏展示界面
本文插图
3、数据过滤器的使用方法 这个项目是基于OneNet原始平台的 , 展示一下原有的数据流 , 包括温度、湿度、甲醛浓度和各轴加速度等 。
「物联网」用中移物联网OneNET View2.0数据可视化工具做个大屏展示界面
本文插图
View使用这些数据流前 , 需要先定义各个数据源 , 操作如下图所示:
「物联网」用中移物联网OneNET View2.0数据可视化工具做个大屏展示界面
本文插图
来自OneNet数据流的数据是个数组 , 数组的at变量是时间 , value变量是数值 。 下图展示了数据源的输出接口 。
「物联网」用中移物联网OneNET View2.0数据可视化工具做个大屏展示界面
本文插图
先说说最简单的把数据接到文本控件 , 因为文本控件的值直接就叫value , 这与数据源的输出接口一致;所以把数据源直接接入就可以了 , 不需要参数转换 , 如下图所示:
「物联网」用中移物联网OneNET View2.0数据可视化工具做个大屏展示界面
本文插图
旋钮控件与文本控件一样 , 值也是叫value 。 因此 , 数据源也可以直接接入:
「物联网」用中移物联网OneNET View2.0数据可视化工具做个大屏展示界面
本文插图
仪表盘控件就稍微有些难度了 , 它有多个值 , 其中表盘数值不叫value , 而是date.value 。 另外还有个表盘标题 , 叫date.name 。 所以就需要添加一个“数据过滤器”做参数转换 。
「物联网」用中移物联网OneNET View2.0数据可视化工具做个大屏展示界面
本文插图
折线图需要输入一个数组 , 数组的值有两个 , 分别叫x和y 。 以温度数据源为例 , 为了把数据源的at变量给x , 把数据源的value变量给y , 这里同样需要添加一个“数据过滤器”做参数转换 。
「物联网」用中移物联网OneNET View2.0数据可视化工具做个大屏展示界面
本文插图
地图控件需要的输入数据也是一个关于经纬度的数组 , 接口数据名叫deviceName.lon和deviceName.lat , 为了对它们赋值 , 同样需要写个“数据过滤器” 。 我的项目里没有实际的经纬度的数据流 , 所以在脚本里定义了经纬度的数值 。
「物联网」用中移物联网OneNET View2.0数据可视化工具做个大屏展示界面
本文插图


推荐阅读