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
核心在于
1.不要把chart实例赋值在this或者global上。(this对象一直存在不会被回收) 2.新版本echarts不支持对一个dom多次创建实例。
所以解决方法就是不要缓存echarts实例,而是每次渲染重新建立一次实例 这样实例占用的内存就会被释放 亲测有效 原本内存占用2G,现在几乎没有什么变化
最后还可以可分段加载处理
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。