1. 程式人生 > 實用技巧 >echarts定時渲染記憶體溢位問題處理(echarts渲染重新整理導致瀏覽器卡)

echarts定時渲染記憶體溢位問題處理(echarts渲染重新整理導致瀏覽器卡)

echarts定時渲染地圖出現瀏覽器記憶體溢位問題(echarts渲染重新整理導致瀏覽器卡)

處理方式:

1)將定時變化的option內容單獨提取定時重新整理

2)使用定時器更新渲染圖層和刪除定時器

例如:

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.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}) } areaBar(data) $(function(){ var timer = setInterval(function() { clearInterval(timer); // 下面處理業務 Z(data) }, 5000
) })

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

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