vue 使用echarts出现警告以及图表在页面的自适应

首页使用echarts进行数据展示和统计,但是却一直有个警告There is a chart instance already initialized on the dom研究了半天,看了网上的解决方案不生效,后来自己静下心研究了一下,分享给大家

 1.完成echarts图表的展示之后控制台发现警告,一开始没有当回事,但是控制台一拉,警告就越多,还是解决一下吧

图表展示


控制台警告

2.原因是因为没有进行只是创建并没有进行销毁There is a chart instance already initialized on the dom(在dom上已经初始化了一个图表实例  )

这里使用到了vue的生命周期函数,销毁后执行destroryed(不知道的可以自行百度,百度有很多结构图,清晰明了)

在这个函数中进行销毁这个错误就解决了,亲测有效


销毁钩子函数

然后发现浏览器缩小之后,图标也缩小了,但是浏览器恢复正常是,图表还是缩小之后的,在图表中设置自适应就完美解决了


今天就到这里了,希望可以帮到你们

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容