echart 掉坑指南(遇见问题,不定时更新)

1.vue中 ,切换页面后,echart不显示 

因为echart 在页面中比较多,所以把echart都封装在子组件中的,但是 我发现 切换页面 回来后 ,echart就不显示了,console发现 生命周期,init,setOption,监听都在执行,但是还是echart还是不显示

 

遇见这个问题时,我查阅了很多资料,但是都没有发现一个好的解决措施,后来发现,在echart id所在的div上 有一个 _echarts_instance_ 属性 一直没变过,echart 每次渲染时,这个属性都需要变化,如果不变化,就算执行代码,也不会渲染出来,所以只需要把这个属性删

除就可以了

 

2.前端代码无误,但tooltip不生效,移入移出无效

首先检查 获取ID那个容器 是否是div之类的,不可以写canvas, 如果是div,init()赋值的这个myEchart 不能直接在 vue的data数据中设立 

posted @ 2021-05-11 17:15  浊酒一壶  阅读(169)  评论(0编辑  收藏  举报