销毁残余图表GL，解决加载不出图表

最新推荐文章于 2024-07-16 17:39:09 发布

～蓝桉

最新推荐文章于 2024-07-16 17:39:09 发布

阅读量173

点赞数 1

文章标签：前端 javascript java

本文链接：https://blog.csdn.net/weixin_62639453/article/details/139095806

版权

一、问题描述

当在页面中使用很多echatrs，然后导致有些图表渲染加载不出来，好像是有限制的，10多来个。所以，在切换的时候，要把不用的图表销毁，不然他会一直累积，导致渲染烂掉。

太多会出现这个报错，然后导致渲染问题的出现

二、销毁代码

试过很多，这个有用：

// 销毁之前的echarts
    if (myChart != null && myChart !== "" && myChart !== undefined) {
      const canvasArr = myChart.getDom().getElementsByTagName("canvas");
      for (let i = 0; i < canvasArr.length; i++) {
        canvasArr[i]
          .getContext("webgl")
          .getExtension("WEBGL_lose_context")
          .loseContext();
      } // 销毁
    }