echarts 渲染数据 占用内存过高导致页面奔溃

Question

echarts 渲染数据 占用内存过高导致页面奔溃
有遇到类似问题的吗
代码如下：

function getUserLocation(ossUrl) {
    $.ajax({
        url: ossUrl,
        type: "GET",
        cache: false,
        dataType: 'json',
        success: function (result) {
            console.log(ossUrl);
            isFirstLoad = 'N';
            if (result.length > 0) {
                for (var i = 0; i < result.length; i++) {
                    option.series[0].data.push(result[i]);
                }
            }
            myChart.setOption(option);
        },
        error: function (jqXHR) {
        }
    });
};

function getOssUrl() {
    var ossUrlList = $('input[name=ossUrlList]').val();
    var obj = JSON.parse(ossUrlList);
    console.log(obj)
    for (var i in obj) {
        console.log(obj[i]+'当前请求')
        setTimeout(getUserLocation(obj[i]), 3500 )
    }
};

其中console.log(obj)
这边是定时去请求多个json

Answer 1

https://www.echartsjs.com/exa...
myChart.appendData({seriesIndex: 0,data: data});
可分段加载处理

Answer 2

你解决了吗？
我在electron里使用也遇到这个问题
最终在网上找到一个方法解决了
核心在于

1.不要把chart实例赋值在this或者global上。（this对象一直存在不会被回收）
2.新版本echarts不支持对一个dom多次创建实例。

所以解决方法就是不要缓存echarts实例，而是每次渲染重新建立一次实例
这样实例占用的内存就会被释放
亲测有效
原本内存占用2G，现在几乎没有什么变化

Answer 3

我觉得是你渲染的时候死循环了吧