在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue+echarts加載大量數(shù)據(jù)時瀏覽器很卡甚至崩潰,該如何解決?

vue+echarts加載大量數(shù)據(jù)時瀏覽器很卡甚至崩潰,該如何解決?

情況緊急:
在一張圖里繪制7條線段,每條最多720個點,采用的散點圖,加載時關(guān)閉了動畫效果,每次在chrome中加載都需要5到6秒的時間;
在另一個頁面,最多14張圖,每張一條720個點的線段,加載及其緩慢,并且經(jīng)常出現(xiàn)崩潰情況;
想知道echarts加載大量數(shù)據(jù)時有什么好的處理方法,各位走過路過的大佬們麻煩支個招!
ps:在echarts的github庫里查找這類問題,發(fā)現(xiàn)基本都沒太好的解決措施;

回答
編輯回答
我甘愿

分別渲染7條線段是否可以解決這個問題呢?

2018年8月9日 01:38
編輯回答
毀了心

哥們 你事想讓vue死啊,
建議你寫個一步Promise.all()讓數(shù)據(jù)一個一個加載進來,一張張圖渲染

2017年5月13日 16:19
編輯回答
祈歡

數(shù)據(jù)量太大了,這根vue和echarts都沒有關(guān)系,瀏覽器遭不住,只能寫一個loading效果等待一下,如果數(shù)據(jù)量已經(jīng)大到瀏覽器卡死了,最好從設(shè)計上優(yōu)化吧,要么不要一個頁面展示那么多圖,要么讓服務(wù)端把數(shù)據(jù)做一下采樣,畢竟那么多的點也沒法看啊

2017年6月26日 21:09
編輯回答
墨沫

經(jīng)過排查,確認內(nèi)存上升是因為圖形實例未被銷毀,即使使用dispose()方法也不行;現(xiàn)在采用的方法是手動清空相關(guān)對象變量,包括圖形實例和相關(guān)的數(shù)據(jù)項,這樣處理在一定程度上減少了內(nèi)存的增加;但由于js中變量清空后內(nèi)存并不會馬上被回收,因此采用了比較笨的方法,在特定的時刻刷新整個頁面,這樣就基本解決了問題。
另外,雖然現(xiàn)在瀏覽器不會崩潰了,但是圖形繪制還是需要比較長的時間,UI和需求沒辦法修改,只好加上loading動畫,暫時先這么處理了;

2017年10月26日 05:31