【发布时间】: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