圖表是數(shù)據(jù)圖形化的表示，也就是“通過(guò)形象的圖表來(lái)展示數(shù)據(jù)，比如條形圖，折線圖，餅圖”。幾乎每個(gè)開(kāi)發(fā)或者項(xiàng)目管理團(tuán)隊(duì)都需要圖表或者圖形來(lái)簡(jiǎn)化理解，可視化復(fù)雜的數(shù)據(jù)和 web 應(yīng)用工作流。可視化圖表可以幫助開(kāi)發(fā)者更容易理解復(fù)雜d數(shù)據(jù)，提高生產(chǎn)的效率和 web 應(yīng)用和項(xiàng)目的可靠性。

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

1.FusionCharts

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

< 下載FusionCharts試用版>

2. Ember Charts

Ember Charts 是個(gè)圖表庫(kù)，使用 Ember.js 和 d3.js 框架構(gòu)建的。它包括時(shí)間線，條形圖，餅圖和散點(diǎn)圖，非常容易擴(kuò)展和修改。這些圖表組件都是開(kāi)箱即用的，在圖表交互和演示方面應(yīng)用的很好。

3. Chart.js

Chart.js 是個(gè)簡(jiǎn)單的，面向?qū)ο蟮目蛻舳藞D形庫(kù)，用戶可以用 6 中不同的方式來(lái)可視化數(shù)據(jù)。每個(gè)方式都是動(dòng)畫(huà)效果的，完全自定義，而且看起來(lái)非常好看，即使在 retina 顯示。它使用 HTML5 canvas 元素，支持所有現(xiàn)代瀏覽器，并且支持  IE7/8。

4. Aristochart

Aristochart 是個(gè)高度自定義，靈活的折線 canvas 圖表庫(kù)，允許用戶集中精力在圖表的審美方面，后臺(tái)工作做得非常好。Aristochart 有個(gè)持續(xù)進(jìn)步的社區(qū)，提供許多不斷增長(zhǎng)的主題給用戶選擇。

5. xCharts

xCharts 是一個(gè)使用 D3.js 來(lái)構(gòu)建漂亮的可定制的數(shù)據(jù)驅(qū)動(dòng)的 JavaScript 圖表庫(kù)，他使用 HTML，CSS，SVG 實(shí)現(xiàn)圖表，xCharts 被設(shè)計(jì)為一個(gè)動(dòng)態(tài)的、流暢的、開(kāi)放的和可定制化的庫(kù)。

6. BonsaiJS

BonsaiJS 是個(gè)輕量級(jí)的 JavaScript 圖形庫(kù)，提供直觀的圖形 API 和 SVG 渲染器。主要特性包括：架構(gòu)分離的運(yùn)行器和渲染器；iFrame，Worker 和 Node 運(yùn)行上下文；形狀，路徑，Assets（音頻，圖像，字體，subMovies），Keyframe 和常規(guī)動(dòng)畫(huà)，等等。支持現(xiàn)代化瀏覽器： Safari, Chrome 和 Firefox。

7. Sigma.js

Sigma.js 是個(gè)免費(fèi)開(kāi)源的 JavaScript 圖形庫(kù)，使用 HTML5 canvas 元素。它的設(shè)計(jì)是特別為了在 web 界面分享交互式網(wǎng)絡(luò) Map 和動(dòng)態(tài)展示網(wǎng)絡(luò)數(shù)據(jù)庫(kù)。

8. Morris.js

Morris.js 是個(gè)輕量級(jí)的 JavaScript 庫(kù)，使用 jQuery 和 Rapha&enuml 來(lái)繪制時(shí)序圖。 Morris.js 生命周期是從代碼驅(qū)動(dòng) howmanyleft.co.uk 圖表開(kāi)始的。它支持的瀏覽器有：  IE6+， Safari/Chrome/Firefox， iOS 3+ 和 Android 3+。它的公共 API 非常的小，只有一個(gè)函數(shù)： Morris.Line (選項(xiàng))，包括了許多配置選項(xiàng)。

9. Paper.js

Paper.js 是一個(gè)開(kāi)源的向量圖形腳本框架，基于 HTML5 Canvas 開(kāi)發(fā)。提供清晰的場(chǎng)景圖、DOM 和大量強(qiáng)大的功能用來(lái)創(chuàng)建各種向量圖和貝塞爾曲線。

翻譯自：    轉(zhuǎn)載請(qǐng)注明轉(zhuǎn)自：慧都控件網(wǎng)