快速上手物联网解决方案(5)—— DataV

DataV 是阿里云推出的一款数据可视化工具,可以帮助非专业的工程师通过图形化的界面轻松搭建具有专业水准的可视化应用,让更多的人看到数据可视化的魅力。

本实例我们就利用 DataV 读取前文『表格存储』中的物联网设备数据,制作一份折线图。

首先,开通 DataV 服务,请注意本服务需付费使用,也是本系列教程唯一预付费才可使用的产品。(目前仅企业版支持『表格存储』数据源)

开通服务后,我们可以看到非常多的模板,本实例的场景比较简单,因此选择新增可视化 —— 空白模板,从上方组件中拖入『双轴折线图』组件:

快速上手物联网解决方案(5)—— DataV

点击刚添加的『双轴折线图』 —— 数据,我们先接入数据源,选择 TableStore,新增配置。

快速上手物联网解决方案(5)—— DataV

配置项这里做个说明:AK 就是 Accesskey,鼠标移动到阿里云任意产品的控制台界面移至右上角即会出现,点击进入即可获取,千万注意保密!

快速上手物联网解决方案(5)—— DataV

外网这边即是『表格存储』中的数据表外部访问地址,直接复制粘贴过来即可。

『选择操作』部分就比较复杂了,其实就是让你设定数据表的取值范围,但是这个范围必须使用 JSON 格式的代码书写。相信看到这里不少人就发虚了,别担心,这里作者提供一个适用于本实例的通用代码,首先选择 『getRange』,然后填入以下数据:

{
  "table_name": "你的表格名称",
  "direction": "BACKWARD",
  "columns": [],
  "range": {
    "limit": 30,
    "start": {
      "deviceName": "你的DeviceName",
      "time": "2019-01-30 17:12:44"
    },
    "end": {
      "deviceName": "你的DeviceName",
      "time": "2018-08-08 17:56:14"
    }
  }
}

start的时间可以设在未来比较远的时间点,这样图表最后会随着时间推移即时变动。

完成后勾选『自动更新请求』,时间任意,可根据设备数据上传的时间间隔设定。

最后点击『查看数据结果』效验之前的操作,如果能够筛选出适格数据,那么表示之前的步骤你都正确完成了~~~

万里长征最后一步,回到样式部分,调整轴标签、间距等到适合的程度,将设备通电配网,点击预览,一赏最后的图表效果:

快速上手物联网解决方案(5)—— DataV

当然,独乐乐不如众乐乐,点击『发布』可以将图表发布到外网,供大家查阅。

快速上手物联网解决方案(5)—— DataV


到这里,一个基于加速度传感器的端到端物联网解决方案就正式完成了,在系列教程中我们首先接触了物模型的概念,接着认识了阿里云的 2 大物联网相关平台,之后我们学习了基于 AliOS Things 的设备端应用开发,然后部分开发者更进一步了解了数据转储和最终可视化数据视图的实现方法。

通过这个简短的系列教程,相信开发者能够对物联网解决方案有一定程度的感知和体验,也相信基于此次经验,各位开发者可以在真正的开发实战中先声夺人,提供自己的解决方案。

最后,欢迎各位富有热情的企业和个人开发者入驻我们的 Link Market 市场,一起打造物联网的淘宝市场,实现真正的商业方案变现。同时欢迎大家加入 『IoT开发者俱乐部』钉钉群,城市合伙人正在热情招募中,期待您的参与!

快速上手物联网解决方案(5)—— DataV


查缺补漏,系列文章回顾:

  1. 物模型:https://yq.aliyun.com/articles/624098
  2. 云平台:https://yq.aliyun.com/articles/624099
  3. 设备开发:https://yq.aliyun.com/articles/624100
  4. 数据转发:https://yq.aliyun.com/articles/624101
  5. 数据可视化:https://yq.aliyun.com/articles/624102

上一篇:NoceMCU + Arduino IDE + Aliyun IoT = 低成本物联网解决方案(1)


下一篇:快速上手物联网解决方案(1)—— 物模型