【问题标题】:I want output in specified format我想以指定格式输出
【发布时间】:2020-06-19 15:28:02
【问题描述】:

我正在尝试使用 echarts js 创建时间线图。我希望我无法弄清楚如何根据需要创建“optiosn”。使用这些代码,我获得了如下图所示的“选项”。

import axios from 'axios'

const data = []
const date= []
let options= []

axios.get('https://data.nepalcorona.info/api/v1/covid').then((res) => {
  const array = res.data
  const groups = array.reduce((groups, info) =>{
    const date = info.reportedOn;
    if (!groups[date]) {
      groups[date] = [];
    }
    groups[date].push(info);
    return groups;
  }, {});
  const groupingDate = Object.keys(groups).map((date) =>{
    return{
      date: date,
      infos: groups[date]
    };

  })
  const sortedData = groupingDate.sort((a,b) => {
    var dateA = new Date(a.date) , dateB = new Date(b.date)
    return  dateA - dateB
  })
  for(let i=0; i< sortedData.length; i++) {
    date.push(sortedData[i].date)
    const array = sortedData[i].infos
    data.push(array)
  }
  const points= [];
  const newlist = data.map(x => {
    points.push([x[0].point.coordinates[0], x[0].point.coordinates[1], x[0].age]);
    return {
      series:{
        data: points.slice(0)
      }
    }
  })
  options.push(newlist)
  console.log(options)
})
export default {
...
options: [options][0],
...
}

得到的结果如下:

但我不想要一个不必要的数组,因为它已获得。我想要以下选项:

选项:对象 ---baseOption:对象 ---选项:数组[67]

我希望你能明白我在说什么。

【问题讨论】:

  • 试试export default { ... options: options, ... }
  • "TypeError: componentType.split is not a function"...... 这是我通过保留选项得到的错误:选项。我应该传递对象,所以我也尝试保留 options: [options]。

标签: javascript vue.js arraylist echarts


【解决方案1】:

在倒数第三行使用扩展运算符,如下所示

options.push(...newlist)

而不是

options.push(newlist)

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-05-18
    • 2017-07-21
    相关资源
    最近更新 更多