echarts 与 highcharts

一．简介

echarts

echarts是百度公司前端开发的一个图表库，2013年发布第一版，主要采用canvas画图，目前版本3.8.4；完全免费；

highchart

highcharts是国外的一家公司开发的图表库，主要采用svg画图，不支持h5的浏览器采用vml绘制，2009 年发布第一版，目前版本6.0.3；

Highcharts 是国际知名的成熟的商业软件（也开源），商用要付费；

二．对比

兼容性

Echarts：ie9+、Firefox、chrome、safari、opera等；

highcharts ：ie6+、Firefox、chrome、safari、opera等；

文档友好程度

Echarts：百度团队开发，中文API；多种实例，支持在线编辑运行js代码；

Highcharts：国外公司开发，支持中文API；多种实例，支持在线编辑运行js代码，文档说明相比echarts更细致详细；

稳定性

Echarts：在个别低版本浏览器会出现bug。

Highcharts：稳定性非常好，适用于各种浏览器，相对于echarts更胜一筹；

图表的丰富程度

Echarts：

1.图表类：支持的图表类型有直线图、曲线图、区域图、柱状图、饼状图、散状点图、仪表图、气泡图、雷达图、树状图、象形柱图、关系图、瀑布流图等，形式多样，效果炫酷。

2.3D表现力：柱状图，三维地球，结合百度地图三维展示（效果绚丽）。

3.地图类：结合百度地图（迁徙图、热力图，散点图，交通图），效果酷炫。

Highcharts：

1.图表类：支持的图表类型有直线图、曲线图、区域图、柱状图、饼状图、散状点图、仪表图、气泡图、瀑布流图等。

2.3D表现力：柱状图，饼状图，气泡图。

3.地图类：2d线性地图（geojson数据）。

社区活跃度

Echarts：国内开发，百度前端团队维护，版本更新速度快，国内不少爱好者尝试发布新实例。

Highcharts：国外公司开发，版本性能稳定，国内外使用者众多。社区更大，比较专业。

渲染能力

Echarts：采用canvas渲染（除了对 IE8- 使用 VML），一般来说，Canvas 更适合绘制图形元素数量非常大（这一般是由数据量大导致）的图表（如热力图、地理坐标系或平行坐标系上的大规模线图或散点图等），也利于实现某些视觉 特效（如交通图）。不过echarts3.8版本会考虑svg和canvas两种渲染方式。动态增加删除节点不灵活，需要重绘。

Highcharts：采用SVG渲染（除了对 IE8- 使用 VML），SVG 渲染器相比 Canvas 渲染器在移动端的总体表现更好。在另一些数据量较大或者有图表交互动画的场景中，目前的 SVG 渲染器的性能还比不过 Canvas 渲染器。在pc端，数据量不大的情况，实例相当。动态增加删除节点灵活，不需要重绘。

三．总结

Echarts：图标样式多样、支持2d和3d地图展示，效果炫酷；兼容性弱；完全免费。

Highcharts：稳定性强；兼容性强；图标样式相对少；比较专业；个人免费，商用收费。