首页使用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(不知道的可以自行百度，百度有很多结构图，清晰明了)
在这个函数中进行销毁这个错误就解决了，亲测有效
销毁钩子函数
然后发现浏览器缩小之后，图标也缩小了，但是浏览器恢复正常是，图表还是缩小之后的，在图表中设置自适应就完美解决了
今天就到这里了，希望可以帮到你们
本文包含在vue项目中如何使用echarts，以及项目中经常会遇到的图表样式的写法 https://echarts...
参考：Echarts官网、Vue项目中使用Echarts展示图表数据、Vue 爬坑之路（八）—— 使用 Echar...
在vue使用echarts echarts是什么 ecahrts 是一个高度可定制化的图表库 如何使用echart...
v-charts是饿了么团队开源的一款基于Vue和Echarts的图表工具，在使用 echarts 生成图表时，经...
最近在vue中使用echarts时，碰到的一个echarts bug，tab切换时，echarts图表默认隐藏的时...
我又回来了，hiahiahia~在使用echarts图表的时候，如果打开F12检查元素，chart的宽高不会自适应...
在vue中使用echarts解决自适应问题 使用插件 原理 在浏览器窗体改变的时候进行resize 使得echar...
近期用vue做项目，使用echarts图表画图时，tooltip显示内容过多，会导致tooltip超出图表所在di...
vue使用图表相关的内容可以选择Vue-ECharts 也可以使用封装后的v-chart(暂不讲) Vue-ECh...
本文标题：vue 使用echarts出现警告以及图表在页面的自适应
本文链接：https://www.haomeiwen.com/subject/jylibltx.html
网友评论