實(shí)際項(xiàng)目中,看 ECharts 和 HighCharts 渲染性能對(duì)比,表面看衣裝,本質(zhì)看內(nèi)功!!!
最近做項(xiàng)目,使用的是echarts顯示圖表數(shù)據(jù),但是數(shù)據(jù)量比較多的時(shí)候,有卡頓的情況。后來同事拿echarts和HighCharts做了對(duì)比,僅供大家參考。同時(shí)感謝同事做的工作。
一、查詢1天的源數(shù)據(jù),屬性1、屬性2、屬性3、屬性4
Echarts查詢3.61s,渲染0.786s(約8.6M數(shù)據(jù))

HighCharts查詢3.10s,渲染0.768s(約8.7M數(shù)據(jù))

二、查詢7天的源數(shù)據(jù),屬性1、屬性2、屬性3、屬性4
Echarts查詢21.67秒,渲染5.38秒。(約60.7M數(shù)據(jù))。渲染完成后

HighCharts查詢22.18s,渲染5.39s。(約60.5M數(shù)據(jù))

三、查詢14天的源數(shù)據(jù),屬性1、屬性2、屬性3、屬性4
Echarts渲染不出來,瀏覽器崩潰。
HighCharts查詢41.42s,渲染10.82s。(約121M數(shù)據(jù))

四、內(nèi)存占用對(duì)比:7天數(shù)據(jù)
Echarts渲染后瀏覽器占用內(nèi)存約3280M。

HighCharts渲染后瀏覽器占用內(nèi)存約637M。

五、操作對(duì)比
|
圖表類型 |
1天數(shù)據(jù) |
7天數(shù)據(jù) |
14天數(shù)據(jù) |
|
Echarts |
卡頓 |
無法操作 |
瀏覽器崩潰 |
|
HighCharts |
流暢 |
流暢 |
流暢 |
云端操作系統(tǒng):http://www.ineuos.net

浙公網(wǎng)安備 33010602011771號(hào)