實際項目中，看 ECharts 和 HighCharts 渲染性能對比，表面看衣裝，本質看內功！！！

     最近作項目，使用的是echarts顯示圖表數據，可是數據量比較多的時候，有卡頓的狀況。後來同事拿echarts和HighCharts作了對比，僅供你們參考。同時感謝同事作的工做。

1、查詢1天的源數據，屬性一、屬性二、屬性三、屬性4

       Echarts查詢3.61s，渲染0.786s（約8.6M數據）

       HighCharts查詢3.10s，渲染0.768s（約8.7M數據）

2、查詢7天的源數據，屬性一、屬性二、屬性三、屬性4

      Echarts查詢21.67秒，渲染5.38秒。（約60.7M數據）。渲染完成後

      HighCharts查詢22.18s，渲染5.39s。（約60.5M數據）

3、查詢14天的源數據，屬性一、屬性二、屬性三、屬性4

      Echarts渲染不出來，瀏覽器崩潰。

      HighCharts查詢41.42s，渲染10.82s。（約121M數據）

4、內存佔用對比：7天數據

      Echarts渲染後瀏覽器佔用內存約3280M。

      HighCharts渲染後瀏覽器佔用內存約637M。

5、操做對比

圖表類型	1天數據	7天數據	14天數據
Echarts	卡頓	沒法操做	瀏覽器崩潰
HighCharts	流暢	流暢	流暢

 

---

雲端操做系統：http://www.ineuos.net