定时器+echarts运行时间太长导致内存溢出页面崩溃

定时器+echarts运行时间太长导致内存溢出页面崩溃

最近做的项目需要在页面上展示echarts图表，且数据每隔10s刷新一次，然后发现时间长了以后chorme浏览器会显示页面崩溃。一开始以为是定时器的原因，试了网上的很多方法，比如把setInterval改成setTimeout，及时清除定时器，设置为null释放内存等，甚至还有在get请求的参数里加上时间戳……发现都没有作用，页面依然崩溃。最后发现是echarts的问题。（内存泄漏可用chorme浏览器的memory排查，具体排查方法可以在网上搜到）

通过init方法创建echarts实例，如果不及时清理就会越来越多，占用大量内存，有两种方法可以避免这种情况：一种是在init之前先判断echarts实例是否存在

var chart
if (chart == undefined) {
    chart = echarts.init(document.getElementById(dom));
}

另一种方法是在init之前销毁已经存在的echarts实例，可用clear()和dispose()手动清理变量，区别是clear()不会销毁实例，只是重新绘制图形，而dispose()会销毁实例，需要重新构建ECharts对象

var chart
if (chart) {
    echarts.dispose(chart)