使用 Laravel API 和 Vue JS 格式化折线图的 JSON

Question

我想更改火拉拉维尔中json数据的格式以发送到vuejs，我有这样的json数据，

[
[
{
"yearMonth": "January",
"sessions": 1192908,
"users": 808010
},
{
"yearMonth": "February",
"sessions": 2084625,
"users": 1566430
},
{
"yearMonth": "March",
"sessions": 1864468,
"users": 1417904
}
]
]

我想将上面的json数据格式更改为这样

label: [yearMonth1, yearMonth2, yearMonth3],
sessions: [session1, session2, session3],
users : [users1,users2,users3]

请告知 谢谢

Answer 1

如果你想在 vuejs 中处理这个问题，波纹管片段应该可以工作

var data = [
[
{
"yearMonth": "January",
"sessions": 1192908,
"users": 808010
},
{
"yearMonth": "February",
"sessions": 2084625,
"users": 1566430
},
{
"yearMonth": "March",
"sessions": 1864468,
"users": 1417904
}
]
];
const processData = array => ({
label: array.map(i=>i.yearMonth),
sessions: array.map(i=>i.sessions),
users: array.map(i=>i.users)
});
console.log(processData(data[0]));