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)
})