使用 laravel api 和 vue js 为折线图格式化 json答案

【问题标题】：format json for line chart using laravel api and vue js使用 laravel api 和 vue js 为折线图格式化 json
【发布时间】：2020-10-10 09:58:23
【问题描述】：

我想改变fire laravel中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]

请指教谢谢你

【问题讨论】：

你想在 PHP 部分的 javascript 部分做它？

标签： javascript laravel api vue.js linechart

【解决方案1】：

如果你想在 vuejs 中处理这个，下面的 sn-p 应该可以工作

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]));

【讨论】：