1. 程式人生 > >解決echarts內存泄露的問題

解決echarts內存泄露的問題

targe net image 一個 根據 刷新 分享圖片 定時 技術分享

今天老師讓我把一個項目接過來,還有個定時局部刷新的需求沒做完。當時想的很簡單,直接用ajax再去請求一次,直接把整個頁面換掉。

但是在執行的時候出現了一些問題。

項目中使用了echarts用來顯示圖表,但是在每次重新請求並把頁面替換時, 每次請求之後瀏覽器占用的內存都會增加。在多次請求之後,瀏覽器就會因為內存占用過多卡頓,無法響應。

後來猜想可能是echarts占用的內存沒有及時回收而導致內存泄漏。

搜索一下,根據這篇文章所說,又兩種方法,一種是調用clear方法,一種是dispose方法。第一種是清理echarts 但是不銷毀實例。第二種是銷毀實例,再次使用需要重新構建實例

因為我要請求之後換掉整個頁面,所以我使用第二種方法。解決問題

技術分享圖片

解決echarts內存泄露的問題