【问题标题】: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]));

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-06-17
    • 2015-02-26
    • 1970-01-01
    • 2022-01-21
    • 2020-10-06
    • 1970-01-01
    相关资源
    最近更新 更多