快速上手物联网解决方案（5）—

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

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

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

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

20180810194721

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

20180810194816

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

20180810195304

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

『选择操作』部分就比较复杂了，其实就是让你设定数据表的取值范围，但是这个范围必须使用 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的时间可以设在未来比较远的时间点，这样图表最后会随着时间推移即时变动。

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

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

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

_06