javascript - JSON数据到JS中的有效数据数组

标签 javascript jquery json nvd3.js

我需要从 https://demo.piwik.org/?module=API&method=VisitsSummary.getVisits&idSite=7&period=day&date=last3&format=json&token_auth=anonymous 更改我的 JSON API

{"2017-12-21":767,"2017-12-22":571,"2017-12-23":31}

我在 NVD3.js 中的图表的有效数组为

[ { "key" : "Page Visits" , "values" : [ [ 1025409600000 , 767] , [ 1028088000000 , 571] , [ 1030766400000 , 31] }]

注意:这些日期与 JSONArray 不匹配,但突出显示所需的转换,如果有人可以向我解释 NVD3.js 中使用的日期格式也很棒。

如果有帮助,我可以添加用于获取数据和显示 NVD3 图表的脚本。

最佳答案

您可以使用array#map 将您的对象转换为数组。然后使用 [ { "key": "Page Visits", "values": result }]; 获取所需的对象。

var data = {"2017-12-21":767,"2017-12-22":571,"2017-12-23":31};
var result = Object.keys(data).map(k => [new Date(k).getTime(), data[k]]);
console.log(result);

关于javascript - JSON数据到JS中的有效数据数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47949390/

相关文章:

Javascript 过滤器功能 - 试图正确理解它

java - 如何在 Java 中将 json 转换为 ArrayList 对象?

java - 在 POJO 中验证 JSON

javascript - 寻找显示 block /无和动画的变化

ios - 图像 URL JSON 在应用程序错误中解析为 UIImageView

javascript - 一个列表项而不是所有列表项的 ReactJS 悬停/鼠标悬停效果

javascript - 在 Windows Phone 7 移动网站上平滑滚动

javascript - ASP.NET Core CookieConsent 设置未定义

javascript - 从 id 属性获取最后一个字符

javascript - 使用 prevAll() 时选择时无法正确更新值