最近做專案，使用的是echarts顯示圖表資料，但是資料量比較多的時候，有卡頓的情況。後來同事拿echarts和HighCharts做了對比，僅供大家參考。同時感謝同事做的工作。
一、查詢1天的源資料，屬性1、屬性2、屬性3、屬性4
Echarts查詢3.61s，渲染0.786s（約8.6M資料）
HighCharts查詢3.10s，渲染0.768s（約8.7M資料）
二、查詢7天的源資料，屬性1、屬性2、屬性3、屬性4
Echarts查詢21.67秒，渲染5.38秒。（約60.7M資料）。渲染完成後
HighCharts查詢22.18s，渲染5.39s。（約60.5M資料）
三、查詢14天的源資料，屬性1、屬性2、屬性3、屬性4
Echarts渲染不出來，瀏覽器崩潰。
HighCharts查詢41.42s，渲染10.82s。（約121M資料）
四、記憶體佔用對比：7天資料
Echarts渲染後瀏覽器佔用記憶體約3280M。
HighCharts渲染後瀏覽器佔用記憶體約637M。
五、操作對比
|
圖表型別 |
1天資料 |
7天資料 |
14天資料 |
|
Echarts |
卡頓 |
無法操作 |
瀏覽器崩潰 |
|
HighCharts |
流暢 |
流暢 |
流暢 |
雲端作業系統：http://www.ineuos.net