首页 前端知识 Vue中写Echarts图表时,option.series为什么不能动态赋值?

Vue中写Echarts图表时,option.series为什么不能动态赋值?

2025-02-26 11:02:38 前端知识 前端哥 473 327 我要收藏

原因:在给option.series赋值时,循环中的索引i超过了option.series的长度,所以赋值操作无法完成。要解决这个问题,可以在循环之前先向option.series数组中添加对应数量的空对象,以便后续可以给每个对象赋值。

例如:在循环之前将以下代码添加到适当的位置:

// 向option.series数组中添加对应数量的空对象
for (let i = 0; i < res.data.trendDatas.length; i++) {
option.series.push({});
}
复制

然后在循环中进行赋值:

for (let i = 0; i < res.data.trendDatas.length; i++) {
// ...
option.series[i].data = res.data.trendDatas[i].yData.map(item2 => {
return item2;
});
}
复制

转载请注明出处或者链接地址:https://www.qianduange.cn//article/21553.html
标签
评论
还可以输入200
共0条数据,当前/页
发布的文章

库制作与原理

2025-02-26 11:02:28

仿12306项目(1)

2025-02-26 11:02:27

2.25 链表 2 新建链表 82

2025-02-26 11:02:26

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!