vue循环获取数组的坑—echars传数据
当我在data里边定义一个空数组,然后通过for循环的方法向数组中push元素时可以添加进去的,但是当我去通过下标取数组的值,就会发现取出来的是undefined,就是没法取到值,当时也给我整懵了,找了很久,硬是没整出来。最后我直接在方法里面创建一个数组,再去push,就好了,贴上代码:
method.findCtemperature().then((res) => {
console.log(res);
let num = res.data.data; //取到数组对象
let data = []; //定义一个空数组
for (let i = 0; i < num.length; i++) {
data.push(num[i].sum); //循环要展示的字段的内容,依次添加到数组
}
lineChart.setOption({
series: [
{
name: "异常",
type: "line",
radius: "55%",
data: data,
},
],
});
});
此处后端传的是JSON数据,所以我在前端自己组装数组,x轴同理,需要注意数组的顺序。