首页 > 其他 > 详细

echarts定时渲染内存溢出问题处理(echarts渲染刷新导致浏览器卡)

时间:2020-08-20 00:28:35      阅读:462      评论:0      收藏:0      [点我收藏+]

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

 

echarts定时渲染内存溢出问题处理(echarts渲染刷新导致浏览器卡)

原文:https://www.cnblogs.com/dzw159/p/13532475.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!