我正在使用
angularjs-nvd3命令来渲染图表.
在使用Chrome Developer Tools检查后,我检测到与图表相关联的一些内存泄漏.当用户浏览包含图表的不同视图时,内存从未完全释放.
我已经在图形控制器上进行了一些清理:
$scope.$on('$destroy',function() { d3.select( '#exampleId' ).remove(); d3.select( '#exampleId2' ).remove(); ... });
并在路线更改事件:
myApp.run(function($rootScope,$templateCache) { //try to clear unused objects to avoid huge memory usage $rootScope.$on('$routeChangeStart',function(event,next,current) { if (typeof(current) !== 'undefined'){ //destroy all d3 svg graph d3.selectAll('svg').remove(); nv.charts = {}; nv.graphs = []; nv.logs = {}; } }); });
当我从我的应用程序中删除图表时,内存使用总是返回到初始值.
用图表:
内部消除:
是否有其他方式释放由这些图表生成的内存?
jsfiddle来展示这个问题.
你可能会忘记删除窗口调整大小的监听器.
angularapp.run(function($rootScope) { $rootScope.$on('$routeChangeStart',current) { if (typeof(current) !== 'undefined'){ //destroy d3 stuff window.nv.charts = {}; window.nv.graphs = []; window.nv.logs = {}; // and remove listeers for onresize. window.onresize = null; } }); });
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。