开发者社区> 问答> 正文

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

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

image.png image.png

展开
收起
问问小秘 2020-01-09 17:30:15 3018 0
1 条回答
写回答
取消 提交回答
  • 核心在于

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

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

    最后还可以可分段加载处理

    2020-01-09 18:27:01
    赞同 1 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
内存取证与IaaS云平台恶意行 为的安全监控 立即下载
云服务器ECS内存增强型实例re6全新发布 立即下载
用户态高速块缓存方案 立即下载