如何将 Json 数组转换为 vis.dataset
How convert Json array to vis.dataset
我正在使用 Node.Js 构建一个网站。
我通过调用一些 API 和 returns 给我的 JSON 数组获得了这种格式的数据:
[{ '2015-04-08T17:12:05+00:00': 103.7 },{ '2015-04-08T17:13:05+00:00': 109.5 },{ '2015-04-08T17:14:05+00:00': 106 },{ '2015-04-08T17:15:05+00:00': 112.6 }]
所以我想使用 vis.js
库来显示这样的数据:
如有错误请指正。我认为 vis.js
只接受这种格式的数据集:
[{x: '2014-06-11', y: 10},{x: '2014-06-12', y: 25},{x: '2014-06-13', y: 30},{x: '2014-06-14', y: 10}]
正在转换json数组格式。
直接将原始数据提供给vis.js。
不知道怎么做。
提前致谢!!!
这将排列您的阵列以使其符合您的规格:
var dataBefore = [{ '2015-04-08T17:12:05+00:00': 103.7 },{ '2015-04-08T17:13:05+00:00': 109.5 },{ '2015-04-08T17:14:05+00:00': 106 },{ '2015-04-08T17:15:05+00:00': 112.6 }];
var dataAfter = [];
for(var i = 0; i < dataBefore.length; i++) {
var item = dataBefore[i];
for(date in item) {
dataAfter.push({x: date, y: item[date]});
}
}
console.log(dataAfter);
//added below for display the output
$(".results").append(JSON.stringify(dataAfter));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="results">
</div>
我正在使用 Node.Js 构建一个网站。 我通过调用一些 API 和 returns 给我的 JSON 数组获得了这种格式的数据:
[{ '2015-04-08T17:12:05+00:00': 103.7 },{ '2015-04-08T17:13:05+00:00': 109.5 },{ '2015-04-08T17:14:05+00:00': 106 },{ '2015-04-08T17:15:05+00:00': 112.6 }]
所以我想使用 vis.js
库来显示这样的数据:
如有错误请指正。我认为 vis.js
只接受这种格式的数据集:
[{x: '2014-06-11', y: 10},{x: '2014-06-12', y: 25},{x: '2014-06-13', y: 30},{x: '2014-06-14', y: 10}]
正在转换json数组格式。
直接将原始数据提供给vis.js。
不知道怎么做。
提前致谢!!!
这将排列您的阵列以使其符合您的规格:
var dataBefore = [{ '2015-04-08T17:12:05+00:00': 103.7 },{ '2015-04-08T17:13:05+00:00': 109.5 },{ '2015-04-08T17:14:05+00:00': 106 },{ '2015-04-08T17:15:05+00:00': 112.6 }];
var dataAfter = [];
for(var i = 0; i < dataBefore.length; i++) {
var item = dataBefore[i];
for(date in item) {
dataAfter.push({x: date, y: item[date]});
}
}
console.log(dataAfter);
//added below for display the output
$(".results").append(JSON.stringify(dataAfter));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="results">
</div>