多个echarts使用3D导致页面卡顿的解决办法

如果使用echarts自带的clear()和dispose()方法没有明显效果的话，可以使用页面的loseContext()对echarts进行手动清除，最好放到router.js里的路由守卫(router.beforeEach)里执行,也可以在APP.vue下监听路由的变化进行清除，自行决定即可，具体代码如下

const canvasArr = document.getElementsByTagName("canvas");console.log(canvasArr);for (let i = 0; i < canvasArr.length; i++) {if (canvasArr[i].id == "myCanvas") {//这里给不想进行清空的canvas进行匹配跳过清除，前提是给它加上对应的id} else {canvasArr[i].getContext("webgl")?.getExtension("WEBGL_lose_context").loseContext();}}