vue中使用echarts,echarts中option更新时chart没有重新绘制和一些其他的问题

2,418 阅读1分钟

如果只是单纯的请求数据后获取到新的option进行一个简单的赋值,echarts是不会重新绘制的,数据获取到了,只是没有重新使用新的配置项option和数据data去显示图表

解决办法: 在watch中监听option的变化(option是一个对象,因此需要深度监听),当监听到option变化时去触发新的option和data去显示图表,具体代码如下

image.png

为什么将获取和初始化dom放在 mounted里? 在mounted生命周期时dom才挂载到vue实例上,简单来说在这之前dom树还没有完全形成,是获取不到dom结构的 在这里简单赘述一下,想了解详细的vue生命周期的朋友建议还是去官网研究一下

为什么数据 事件都准备好了还是渲染不出来图表? 检查一下有没有为图表的容器div指定宽高 = =

有其他问题的小伙伴可以留言,我们一起讨论哦~