查看原文
其他

图解物联网场景,百度智能云天工带你玩转物可视

数以亿计的设备,无处不在的链接

成就了物联网

一切神秘而复杂

通过拖拖拽拽

展现炫酷图表

物可视化的世界

以真实可感的数据形态

揭开神秘面纱

给我们呈现出最直观的感受

这就是物可视化的强大功效

在这背后

数据处理功能到底是怎么实现的呢

本期带你解读


上一期《图解物联网场景,百度云天工带你玩转物可视》物可视图大拿给大家介绍了如何在物可视中拖拽生成物联网可视化,以及如何将可视化页面嵌入到应用中。很多小伙伴尝试并给予反馈,我们从反馈中发现:大家对于物可视的数据处理功能既困惑又好奇。


今天我们就在这里给大家揭秘一下物可视的强大数据变换功能。


以下案例1、2针对的是数据变换中的预设变换。

 


有包括行列排序、重命名、行列转换、数据透视表等预设变换能力。


案例3、4针对的是数据变换中的自定义变换。

 


也就是大家最最好奇的通过JS语法窗实现的各种强大功能,只有想不到没有做不到。


案例1行列转换完成饼图制作


1、准备数据源


  • 进入“数据表”页面

  • 选择设备影子类型的数据表、命名任意(这里叫“饼图制作”),进入下一步

  • 勾选所有物影子状态,确定


2、数据表变形


  • 进入“数据表”页面

  • 选中上一步创建的数据表(“饼图制作”),点击顶部的图标按钮切换至“暂停”状态

  • 点击新创建的节点右边的“+”号按钮,添加“列排序”,将timestamp列隐藏

  • 点击新创建的节点右边的“+”号按钮,添加“行转列”


3、添加可视化


  • 返回“仪表盘”页面

  • 从左边栏找到“图表”>“饼图”>“饼图”,拖放至画布上


4、绑定数据


  • 选中拖上来的“饼图”组件,在右边栏切换至“数据设置”标签,在“数据表”下拉框中选取之前创建的数据表(当前位置)

  • 类目选“device”、度量选“vizuetest”


► 展现效果


  

► 操作示范



案例2数据透视表与玫瑰图


1、准备数据源


  • 进入“数据表”页面

  • 选择静态数据类型的CSV、命名任意(这里叫“玫瑰图”),进入下一步

  • 贴入示例数据,点击确定


2、数据表变形


  • 进入“数据表”页面

  • 选中上一步创建的数据表(“玫瑰图”),点击顶部的图标按钮切换至“暂停”状态

  • 点击新创建的节点右边的“+”号按钮,添加“透视表”

  • 选择“door”作为“Dimension/表头”,选择“Stop”作为“Dimension/首列”, 选择“get_off_cnt”作为“Measure/数据列”

  • 聚合方式选择求和,点击确定

  • 点击新创建的节点右边的“+”号按钮,添加“重命名”,对Door的数据“1”“2”进行重命名,点击确定


3、添加可视化


  • 返回“仪表盘”页面

  • 在搜索框搜索“南丁格尔”,找到玫瑰图,拖放至画布上


4、绑定数据


  • 选中拖上来的“南丁格尔”组件,在右边栏切换至“数据设置”标签,在“数据表”下拉框中选取之前创建的数据表(当前位置)

  • 类目选“Stop”、度量选“前门”“后门”


► 展现效果

  


► 操作示范



案例3行列横向相加相减


1、准备数据源


  • 进入“数据表”页面

  • 选择静态数据类型的CSV、命名任意(这里叫“数据处理”),进入下一步

  • 贴入示例数据,点击确定


2、数据表变形


  • 进入“数据表”页面

  • 选中上一步创建的数据表(“数据处理”),点击顶部的图标按钮切换至“暂停”状态

  • 点击新创建的节点右边的“+”号按钮,添加“新建列”

  • 新建列名可自取(“相加”、“相减”、“行聚合”),基础列选择要处理的列,这里选取第一列C1

  • 在“语法窗”内贴入“多列相减”“多列相加”“行聚合求和”中给出的示例代码,点击确定


示例数据


  1. c1,c2

  2. 1,3

  3. 3,0

  4. 0,-1

  5. 5,6

  6. -2,8

  7. 5,7

  8. 0,4

  9. 3,0

  10. 12,2


► 多列相减


  • return cell - rows[rowIndex][1]


显示效果



► 多列相加


  • return cell + rows[rowIndex][1]


► 显示效果

 


► 行聚合求和


  1. function transform(cell, rowIndex, col, rows, header) {

  2. var rows_sofar = col.slice(0, rowIndex+1)

  3. var sum = 0

  4. for (var i = 0; i< rows_sofar.length; i++) {

  5. sum = sum + rows_sofar[i]

  6. }

  7. return sum

  8. }


显示效果



操作示范



案例4
时间聚合统计


1、数据准备


(1)配置TSDB类型的数据表,添加『Sum 1月』聚合函数。

(2)表操作中基于timestamp列增加一个string类型的列(月份),变形脚本如下:


  1. var date = new Date(cell)

  2. var month = date.getMonth()

  3. var month_names = "一 二 三 四 五 六 七 八 九 十 十一 十二".split(" ")


  4. return month_names[month] + '月'


2、绑定图表


在仪表盘中添加一个『统计柱状图』,数据绑定时X轴选『月份』,Y轴选对应的数据列即可。效果如下:

 


通过物可视化数据处理功能,够有效的将大数据进行整理、归纳、分析、预测,且具有互联网的自动反馈功能,从而能够帮助企业对市场和消费者的情况进行推测,使之在商业决策上可以做出更好、更聪明的判断,决胜于千里之外,助力企业真正实现智能化转型。




您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存