echarts定時渲染內存溢出問題處理（echarts渲染刷新導致瀏覽器卡）

echarts定時渲染地圖出現瀏覽器內存溢出問題（echarts渲染刷新導致瀏覽器卡）

 

 

 

處理方式：

1）將定時變化的option內容單獨提取定時刷新

2）先setOption數據后再clear()，之后再次setOption()

例如：

function Z(data)
{

    var x =  119.557082;
    var y = 26.659241;
    var zoom =  14;
    var points = data || [[]]
         var chart = echarts.init(document.getElementById("box"));
       chart.setOption({bmap:[{ center: [x,y], zoom: zoom}], series: [{ type: 'heatmap',
            coordinateSystem: 'bmap',
            data: points,
            pointSize: 5,
            blurSize: 6
        }]
            },{notMerge: false, lazyUpdate: false, silent:false});

          chart.clear();
          
       chart.setOption({bmap:[{ center: [x,y], zoom: zoom}], series: [{ type: 'heatmap',
            coordinateSystem: 'bmap',
            data: points,
            pointSize: 5,
            blurSize: 6
        }]
            },{notMerge: false, lazyUpdate: false, silent:false});
}

 

參考

 注：可以嘗試隔一段時間  【刷新】一次瀏覽器，由於是谷歌瀏覽器（沒找到清除內存的JS）

 

 

感謝：https://blog.csdn.net/wrkd35/article/details/106713987/

https://www.haorooms.com/post/javascript_neicun_use

 https://blog.csdn.net/weixin_36413887/article/details/80062144?utm_source=blogxgwz4