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

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

回答

編輯回答

我甘愿

分別渲染7條線段是否可以解決這個(gè)問(wèn)題呢？

2018年8月9日 01:38

編輯回答

毀了心

哥們你事想讓vue死啊，
建議你寫(xiě)個(gè)一步Promise.all()讓數(shù)據(jù)一個(gè)一個(gè)加載進(jìn)來(lái)，一張張圖渲染

2017年5月13日 16:19

編輯回答

祈歡

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

2017年6月26日 21:09

編輯回答

墨沫

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

2017年10月26日 05:31