JavaScript圖表和圖形庫就是一個(gè)簡(jiǎn)單創(chuàng)建圖表和圖形的工具。現(xiàn)在互聯(lián)網(wǎng)上有許多五花八門的JavaScript圖表和圖形庫，幫助開發(fā)者們更好的創(chuàng)建web應(yīng)用的圖表和圖形。在這篇文章中，小編將為大家列出排名前十的JavaScript圖表和圖形庫，適合各種從簡(jiǎn)單圖表到復(fù)雜圖表的需求。歡迎大家品鑒！

1. Planetary.js

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

2. Ember Charts

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

3. Chart.js

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

4. Aristochart

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

5. xCharts

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

6. BonsaiJS

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

7. Sigma.js

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

8. Morris.js

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

9. Paper.js

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

10. AmCharts

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

PS: 關(guān)于JavaScript圖形圖表，這些產(chǎn)品你可以關(guān)注>>

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