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(不知道的可以自行百度，百度有很多结构图，清晰明了)

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

销毁钩子函数

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

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