JavaScript圖表和圖形庫就是一個簡單創建圖表和圖形的工具。現在互聯網上有許多五花八門的JavaScript圖表和圖形庫，幫助開發者們更好的創建web應用的圖表和圖形。在這篇文章中，小編將為大家列出排名前十的JavaScript圖表和圖形庫，適合各種從簡單圖表到復雜圖表的需求。歡迎大家品鑒！

1. Planetary.js

Planetary.js是個令人稱奇的創建交互式web地球儀的JavaScript庫。它使用D3和TopoJSON來解析和渲染地理信息。Planetary.js使用基于插件的架構，甚至默認自身就是個插件！這使得Planetary.js非常靈活，而且它允許用戶完全自定義，包括顏色、大小、rotation等等。更重要的是，用戶可以在任意位置使用自定義的顏色和大小來顯示動畫“pings”，它還支持鼠標拖動和縮放。

2. Ember Charts

Ember Charts是個圖表庫，它使用Ember.js和d3.js框架構建的。它包括時間線、條形圖、餅圖和散點圖，非常容易擴展和修改。這些圖表組件都是開箱即用的，在圖表交互和演示方面有很好的應用。

3. Chart.js

Chart.js是個簡單的、面向對象的客戶端圖形庫，用戶可以用6中不同的方式來可視化數據。每個方式都是動畫效果的，完全自定義，而且看起來非常好看。它使用HTML5 canvas元素，支持所有現代瀏覽器。

4. Aristochart

Aristochart是個高度自定義、靈活的折線canvas圖表庫，允許用戶集中精力在圖表審美方面，后臺工作做得非常好。Aristochart有個持續進步的社區，提供許多不斷增長的主題供用戶選擇。

5. xCharts

xCharts是一個使用D3.js構建的漂亮可自定義的數據驅動的JavaScript圖表庫，它使用HTML、CSS、SVG來實現圖表，xCharts被設計為一個動態的、流暢的、開放的和可定制化的庫。

6. BonsaiJS

BonsaiJS是個輕量級的JavaScript圖形庫，它提供直觀的圖形API和SVG渲染器。主要特性包括：架構分離的運行器和渲染器；iFrame，Worker和Node運行上下文；形狀，路徑，Assets（音頻，圖像，字體，subMovies），Keyframe和常規動畫等等。支持現代化瀏覽器： Safari, Chrome和Firefox。

7. Sigma.js

Sigma.js是個免費開源的JavaScript圖形庫，它使用HTML5 canvas元素。它的設計特別為了在web界面分享交互式網絡Map和動態展示網絡數據庫。

8. Morris.js

Morris.js是個輕量級的JavaScript庫，它使用jQuery和Rapha&enuml來繪制時序圖。 Morris.js生命周期是從代碼驅動howmanyleft.co.uk圖表開始的。它支持的瀏覽器有：IE6+, Safari/Chrome/Firefox, iOS 3+和Android 3+。它的公共API非常的小，只有一個函數： Morris.Line(選項)，其中包括了許多配置選項。

9. Paper.js

Paper.js是一個開源的向量圖形腳本框架，基于HTML5 Canvas開發。提供清晰的場景圖、DOM和大量強大的功能來創建各種向量圖和貝塞爾曲線。

10. AmCharts

AmCharts是個高級圖表庫，適用于所有數據的可視化。AmCharts包括： Column, Bar, Line, Area, Step, Step without risers, Smoothed line, Candlestick, OHLC, Pie/Donut, Radar/ Polar, XY/Scatter/Bubble, Bullet, Funnel/Pyramid圖表。

PS: 關于JavaScript圖形圖表，這些產品你可以關注>>

本文翻譯自，轉載請注明本文轉載自慧都控件網！