文档简介：
数据处理类型
物可视数据处理分为两类，预设数据处理和自定义数据处理。
- 预设数据处理：包括行列排序、重命名、行列转换、数据透视表等预设变换能力（用过Excel的小伙伴都知道）
- 自定义数据处理：通过JS语法窗实现各种强大功能。
预设变换实践
行列转换功能及饼图制作
1.准备数据源
- 进入“数据表”页面
- 选择设备影子类型的数据表，命名任意（这里叫“饼图制作”），进入下一步
- 勾选所有物影子状态，确定
2.数据表变形
- 进入“数据表”页面
- 选中上一步创建的数据表（“饼图制作”），点击顶部的图标按钮切换至“暂停”状态
- 点击新创建的节点右边的“+”号按钮，添加“列排序”，将timestamp列隐藏
- 点击新创建的节点右边的“+”号按钮，添加“行转列”
3.添加可视化
- 返回“仪表盘”页面
- 从左边栏找到“图表”>“饼图”>“饼图”，拖放至画布上
4.绑定数据
- 选中拖上来的“饼图”组件，在右边栏切换至“数据设置”标签，在“数据表”下拉框中选取之前创建的数据表（当前位置）
- 类目选“device”、度量选“vizuetest”
动图操作示范
展现效果
数据透视表与玫瑰图
1.准备数据源
- 进入“数据表”页面
- 选择静态数据类型的CSV，命名任意（这里叫“玫瑰图”），进入下一步
- 贴入示例数据，点击确定
2.数据表变形
- 进入“数据表”页面
- 选中上一步创建的数据表（“玫瑰图”），点击顶部的图标按钮切换至“暂停”状态
- 点击新创建的节点右边的“+”号按钮，添加“透视表”，
- 选择“door”作为“Dimension/表头”，选择“Stop”作为“Dimension/首列”， 选择“get_off_cnt”作为“Measure/数据列”
- 聚合方式选择求和，点击确定
- 点击新创建的节点右边的“+”号按钮，添加“重命名”，对Door的数据“1”“2”进行重命名，点击确定
3.添加可视化
- 返回“仪表盘”页面
- 在搜索框搜索“南丁格尔”，找到玫瑰图，拖放至画布上
4.绑定数据
- 选中拖上来的“南丁格尔”组件，在右边栏切换至“数据设置”标签，在“数据表”下拉框中选取之前创建的数据表（当前位置）
- 类目选“Stop”、度量选“前门”“后门”
动图操作示范
展现效果
JS自定义实践
转2进制及补零
-
原始数据
c1 149 61 148 141 49
-
转2进制
return cell.toString(2);
-
补零
var bin = cell.toString(2); for (var i = bin.length;i<12;i++){ bin = '0' + bin; } return bin;
显示效果
行列运算及聚合
-
原始数据
c1,c2 1,3 3,0 0,-1 5,6 -2,8 5,7 0,4 3,0 12,2
- 多列相减
return cell - rows[rowIndex][1];
显示效果
- 多列相加
return cell + rows[rowIndex][1];
显示效果
-
列聚合求和
function transform(cell, rowIndex, col, rows, header) { var rows_sofar = col.slice(0, rowIndex+1); var sum = 0; for (var i = 0; i< rows_sofar.length; i++) { sum = sum + rows_sofar[i]; } return sum; }
显示效果
用统计类图表展示TSDB时间序列数据
背景：某项指标定时上报存储在TSDB里，希望在柱状图中显示每个月的汇总。
1.数据准备
- 配置TSDB类型的数据表，添加『Sum 1月』聚合函数
- 表操作中基于timestamp列增加一个string类型的列（月份），变形脚本如下
var date = new Date(cell);
var month = date.getMonth();
var month_names = "一 二 三 四 五 六 七 八 九 十 十一 十二".split(" ");
return month_names[month] + '月';
2.绑定图表
在仪表盘中添加一个『统计柱状图』，数据绑定时X轴选『月份』，Y轴选对应的数据列即可。效果如下：
