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

标签: data, var, 浏览器, function, 渲染, chart, echarts

相关文章推荐

添加新评论,含*的栏目为必填