vue动态获取数据赋值给echarts图，但是图却没有显示出来

最新推荐文章于 2025-04-09 21:08:55 发布

woowen！

最新推荐文章于 2025-04-09 21:08:55 发布

阅读量5.9k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： vue echarts

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/q1ngqingsky/article/details/113888249

在Vue项目中，使用ECharts动态获取数据并尝试赋值给图表时遇到问题，图表未能正常显示。问题出现在父组件异步获取数据传递给子组件的ECharts实例后，尽管子组件成功通过watch监听到数据变化，但图表并未更新。解决方案是在data中定义option，然后在接收到新数据后直接修改option的相应属性，从而触发ECharts的更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue+echarts 动态获取数据，图表却没有显示出来

在父组件中调用异步接口然后将数据传递给子组件中的echarts图

子组件：
通过watch监听也拿到了数据，但是echarts图愣是没有出来。。。

解决办法：
在data中定义option,通过在初始化之前，直接改变option对应属性值

//子组件：
<div class="canvas-wrap" ref="myEchart"></div>

data(){
   
   
	return()

最低0.47元/天解锁文章

200万优质内容无限畅学

评论 3

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。