前言

群友提问： 像下面这样的遥测数据如何展示？ 如何将一天或一周或自由选择一段时间的数据展示出来？ 比如一年级有好几个班 每个班的数据需要区分展示如何实现？ 有没有求和等功能？

  1. {
  2.   "deviceData": {
  3.     "data": {
  4.       "KclassH": "班级",
  5.       "RBwegith": 0
  6.     },
  7.     "date": "20210312193045",
  8.     "id-info": {
  9.       "id": "uiiii000"
  10.     },
  11.     "other": {
  12.       "version": 1
  13.     }
  14.   }
  15. }

数据格式处理

如果上面格式的遥测数据直接上传，是这样的：
image.png
经实验，在仪表中使用deviceData.data.KclassH是取不到这个数据的。
那么就通过在规则链的保存时序数据节点B前面加一个转换节点A，将数据扁平话处理,转换成类似于这样的：

  1. {
  2.   "KclassH": "班级",
  3.   "RBwegith": 0,
  4.   "date": "2021年03月12日",
  5.   "id": "uiiii000",
  6.   "version": 1
  7. }

规则链AB.png
节点A脚本（写完要习惯性测试一下）

  1. var newMsg = {}
  2. newMsg.KclassH = msg.deviceData.data.KclassH;
  3. newMsg.RBwegith = msg.deviceData.data.RBwegith;
  4. newMsg.version = msg.deviceData.other.version;
  5. newMsg.id = msg.deviceData['id-info'].id;
  6. var year = msg.deviceData.date.substring(0,4) + "年";
  7. var mounth = msg.deviceData.date.substring(4,6) + "月";
  8. var day = msg.deviceData.date.substring(6,8) + "日";
  9. newMsg.date = year + mounth + day;
  10. return {msg: newMsg, metadata: metadata, msgType: msgType};

mqttbox发送遥测进行测试。数据格式转换成功。
再创建一个设备 选择和之前设备一样的配置，上传几条遥测，为后面测试做准备。
遥测B.png

玩转仪表盘

设备遥测详情页选择要展示的字段
部件显示.png
选择card组的时序数据表格
times.png

image.png
添加设备别名的时候：筛选器类型很关键，单个实体只会展示单个设备，可以按照设备类型等分组展示
image.png
可以切换tab
image.png
不点赞美女哭了.jpg