实际项目中，看 ECharts 和 HighCharts 渲染性能对比，表面看衣装，本质看内功！！！

     最近做项目，使用的是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	流畅	流畅	流畅

 

---

云端操作系统：