echarts定時渲染記憶體溢位問題處理(echarts渲染重新整理導致瀏覽器卡)
阿新 • • 發佈:2020-08-20
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) })