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

本文做者：天工智能物联网

数以亿计的设备，无处不在的连接

成就了物联网

一切神秘而复杂

经过拖拖拽拽

展示炫酷图表

物可视化的世界

以真实可感的数据形态

揭开神秘面纱

给咱们呈现出最直观的感觉

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

在这背后

数据处理功能究竟是怎么实现的呢

本期带你解读

 

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

 

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

 

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

 

 

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

 

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

 

也就是你们最最好奇的经过JS语法窗实现的各类强大功能，只有想不到没有作不到。

 

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

 

一、准备数据源

 

• 进入“数据表”页面

• 选择设备影子类型的数据表、命名任意（这里叫“饼图制做”），进入下一步

• 勾选全部物影子状态，肯定

 

二、数据表变形

 

• 进入“数据表”页面

• 选中上一步建立的数据表（“饼图制做”），点击顶部的图标按钮切换至“暂停”状态

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

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

 

三、添加可视化

 

• 返回“仪表盘”页面

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

 

四、绑定数据

 

• 选中拖上来的“饼图”组件，在右边栏切换至“数据设置”标签，在“数据表”下拉框中选取以前建立的数据表（当前位置）

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

 

► 展示效果

 

 

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

 

一、准备数据源

 

• 进入“数据表”页面

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

• 贴入示例数据，点击肯定

 

二、数据表变形

 

• 进入“数据表”页面

• 选中上一步建立的数据表（“玫瑰图”），点击顶部的图标按钮切换至“暂停”状态

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

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

• 聚合方式选择求和，点击肯定

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

 

三、添加可视化

 

• 返回“仪表盘”页面

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

 

四、绑定数据

 

• 选中拖上来的“南丁格尔”组件，在右边栏切换至“数据设置”标签，在“数据表”下拉框中选取以前建立的数据表（当前位置）

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

 

► 展示效果

  

 

► 操做示范

 

案例3     行列横向相加相减

 

一、准备数据源

 

• 进入“数据表”页面

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

• 贴入示例数据，点击肯定

 

二、数据表变形

 

• 进入“数据表”页面

• 选中上一步建立的数据表（“数据处理”），点击顶部的图标按钮切换至“暂停”状态

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

• 新建列名可自取（“相加”、“相减”、“行聚合”），基础列选择要处理的列，这里选取第一列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）配置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] + '月'

 

二、绑定图表

 

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

 

 

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

原文连接地址：https://developer.baidu.com/topic/show/290149