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：穩定性強；兼容性強；圖標樣式相對少；比較專業；我的免費，商用收費。