15個最棒的JavaScript圖形/圖表庫

幾乎所有的控制面板都會用到圖表，它們能夠快速有效的展示復雜的統計。此外，一個好的圖也可以提高你的網站的整體設計。

這篇文章為大家展示一些最好的JavaScript圖形/圖表庫。這些庫會為你將來的項目創建漂亮可定制化的圖表。

雖然這些庫大部分都是免費的，但其中也有一些提供了收費版本和附加功能。

D3.js — Data-Driven Documents

現在提到圖表的時候，我們第一個想到的就是 D3.js。作為一個開源項目，D3.js提供了很多其他現有庫所沒有的強大的功能。D3.js 圖表使用HTML+SVG+CSS渲染。D3.js不支持舊版本的瀏覽器，如IE8，為了跨瀏覽器適應，你可以使用 aight 插件。

Google Charts

Google Charts 創 建圖表更加的簡單。它提供了很多內置的圖表，如：條形圖、日歷圖、餅圖等等。Google Charts 還提供了許多定制選項讓你改變圖表的外觀。它通過HTML5/SVG渲染來支持跨瀏覽器兼容性，并且可以跨平臺移植到iPads、iPhones、 Android。它還包含支持舊版本IE的VML。

這里是一些使用Google Charts生成的圖表的例子。

ChartJS

ChartJS 為圖表提供了漂亮的平面設計風格。它通過HTML5的canvas屬性渲染。支持舊版本的瀏覽器如IE7/8。ChartJS 默認是響應式的，它良好的適應手機端和平板端。

Chartist.js

Chartist.js 提供了漂亮的響應式圖表。它通過SVG來渲染圖表，可以通過CSS3的media queries和SASS來控制。另外它提供了一些在現在瀏覽器中支持的非常炫酷的動畫效果。

n3-charts

如果你是一名AngularJS開發者，你會發現 n3-charts 非常有用且有趣。它建立在D3.js和AngularJS的基礎上。

n3-charts是一些利用n3-charts創建的圖表列表。

Ember Charts

Ember Charts 是另一個使用D3.js和Ember.js建立的開源圖表庫。它提供了非常容易定制的條形圖、餅圖、散點圖等。通過SVG渲染。

Smoothie Charts

如果你處理實時的數據流的話，Smoothie Charts 可能是非常有幫助的。它通過HTML5的canvas屬性渲染。它是一個純JavaScript庫，提供了實時圖形的延遲時間及圖像色彩的選項。

Chartkick

Chartkick 是一個為Ruby應用創建的圖表庫。提供幾乎所有主要的圖表類型，如：pie, column, bar, area, geo, timeline, and multiple series。通過SVG渲染。

ZingChart

ZingChart 是一款提供了靈活、快速、可擴展創建圖表的產品。蘋果、微軟、波音、沃爾瑪這些公司都通過它使用Ajax、JSON、HTML5創建好看的圖表。

Highcharts JS

Highcharts JS 是另一款非常流行的圖形圖表庫。預置了很多炫酷的動畫效果，是你的網站足夠吸引眼球。跟其他庫一樣，它提供了內置的圖形，如：spline, area, areaspline, column, bar, pie, scatter等。

使用Highcharts JS最大的優勢是它兼容像IE6這樣的舊版本瀏覽器。標準的瀏覽器使用SVG渲染，而舊版本的IE瀏覽器則使用VML。

個人免費使用，而商業用戶則需要購買許可證。

Fusioncharts

Fusioncharts 是最老的圖表庫之一。使用HTML5/SVG和VML來確保兼容性和可移植性。

跟其他大部分圖表庫不同，它同時支持JSON和XML格式的數據，并且可以導出下面三種格式的數據：PNG、JPG、PDF。

兼容IE6。個人用戶和商業用戶都可以免費使用有水印的版本。購買許可證則可去掉水印。

Flot

Flot是一款jQuery圖表庫。它也是最老和最流行的圖表庫之一。

支持lines, points, filled areas, bars以及這些圖形的組合。兼容IE6和Firefox 2。

它是完全免費的，但是對一些特殊需求也提供了商業版。這里是用Flot創建的圖表列表。

amCharts

amCharts 無疑是最漂亮的圖表庫之一。它把自己分成三部分：JavaScript圖表、地圖圖表（amCharts）、庫存走勢圖（ Stock charts）。

免費版會在圖表上留一個鏈接，而它的商業許可證則是最昂貴的。

一些炫酷的實例。

EJS Chart

EJS Chart自稱是為企業準備的圖表庫。它的圖表比一些老的圖表庫更加簡潔，可讀性更強。兼容IE6+和其他舊版本瀏覽器。

實例列表。

提供免費版和付費版。免費版一個頁面最多只能有一張圖表。詳細價格看這里。

uvCharts

uvCharts 是一款聲稱有100+可定制選項的開源圖表庫。有12種標準的圖表類型。基于D3.js，使用HTML+SVG+CSS渲染。