圖表是數據圖形化的表示，也就是“通過形象的圖表來展示數據，比如條形圖，折線圖，餅圖”。幾乎每個開發或者項目管理團隊都需要圖表或者圖形來簡化理解，可視化復雜的數據和 web 應用工作流。可視化圖表可以幫助開發者更容易理解復雜d數據，提高生產的效率和 web 應用和項目的可靠性。

在這篇文章中，小編將羅列出排名前 35 的 JavaScript 圖表和圖形庫，適合各種從簡單圖表到復雜圖表的需求。大部分的 JavaScript 圖表和圖形庫都是免費而且開源的，希望大家能在下面的列表中找到適合自己需求的 JavaScript 圖表和圖形庫。

1.FusionCharts

FusionCharts是跨平臺、跨瀏覽器的JavaScript/HTML圖表組件。 FusionCharts支持 ASP、 ASP.NET、 PHP、 JSP、 ColdFusion、 Ruby on Rails、 JavaScript、甚至簡單的HTML頁面。它是你值得信賴的JavaScript圖表解決方案，目前在全球有45萬用戶選擇Fusioncharts來制作專業的JavaScript圖表。

< 下載FusionCharts試用版>

2. Ember Charts

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

3. Chart.js

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

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 和大量強大的功能用來創建各種向量圖和貝塞爾曲線。

翻譯自：    轉載請注明轉自：慧都控件網