用于構建交互式圖表的最佳jQuery圖表庫
對于JQuery圖表來說，其重要的功能是以一個簡潔和交互的方式展示繁雜的原始數(shù)據(jù)。這并不僅僅以各種顏色來渲染展示數(shù)據(jù)，而應該是更能夠吸引讀者和方便用戶理解。
稍后介紹的某些javascript圖表庫，已經(jīng)越來越流行了，因為它們有著相當吸引人的組件，囊括了我們已知的包括線狀圖，柱狀圖和餅圖等7種圖表類型。另外，這些js圖表庫提供一些有用的組件作為它們的可選項，比如說放大，縮小，這些工具能提供關于數(shù)據(jù)的更多信息，同時也提供一些選項對其進行定制。
用戶通常遇到某些使用了兼容現(xiàn)代瀏覽器的HTML5的canvas特性的jQuery圖表，并不能很好的與IE兼容。整體上，這些庫集成了六種圖表類型，比如散點圖，餅圖，柱狀圖，帶點的折線圖以及區(qū)域圖。這些圖表能夠通過簡單的配置就能展示多種圖例，這將幫助人們清楚的分辨各圖表項。
在這篇文章中，我們分享給讀者的是15個圖表庫——各種從簡單到復雜的高級圖表，它們都能勝任。希望你們喜歡！
1. Chart.js : 使用HTML5 canvas的圖表庫
Chart.js是一個令人印象深刻的基于HTML5的canvas特性構建的javascript圖表庫。目前支持六種圖表類型（折線圖，柱狀圖，雷達 圖，餅圖，柱狀區(qū)域圖和極坐標區(qū)域圖），而且這些通過一個獨立的，不足5Kb的包來提供的。顏色，字體，加粗以及圖表大小都是可以定制的。同時，圖表也可 以選擇在加載的時候添加動畫效果。
2. xCharts : 基于數(shù)據(jù)驅動的圖表
xCharts是一個用于給網(wǎng)站創(chuàng)建具有漂亮的視覺效果和自定義數(shù)據(jù)驅動的圖表的javascript庫，它依賴于D3.js?；贖TML，CSS和SVG技術，xChart被設計成能夠被動態(tài)，流式和開放的集成和定制。
由于xChart使用SVG技術，我們能夠直接通過CSS生成大部分的我們定義的xChart圖表。這意味著如果你愿意，你只需要做很少的控制就可以處理這些可視化的圖表。定義圖表風格的最好的方式是從包含的樣式表開始，或者使用你的瀏覽器的元素監(jiān)視器來查看每一個元素可用的CSS選擇器。
3. Sigma.js : 使用HTML5的canvas對象作圖
Sigma.js 是一個使用HTML5 Canvas元素作圖的免費開源的javascript圖表庫。它被特別設計成適合分享頁面上交互的網(wǎng)絡地圖和瀏覽動態(tài)的網(wǎng)絡數(shù)據(jù)庫。這個js庫以MIT協(xié)議分發(fā)。
4. HighCharts
Highcharts 是一個純粹使用HTML5/Javascript寫的圖表庫，能向你的網(wǎng)站或者網(wǎng)絡應用提供直觀交互的圖表。目前，Highcharts支持折線圖，曲線 圖，面積圖，面積擬合圖，條狀圖，柱狀圖，餅圖，散點圖，儀表圖，面積范圍圖，面積曲線圖，條狀范圍圖，氣泡圖，箱型圖，誤差線，漏斗圖，瀑布流和極坐標 圖表類型。
Source
5.Fusion Charts
jQuery 的FusionCharts插件幫助你增加交互式的JavaScript圖表，在你的網(wǎng)站，移動端和企業(yè)級應用中繪圖。它將FusionCharts套件XT的靈動和全面的特點與jQuery簡易的語法融合在了一起
6. Flot : jQuery中引人注目的JavaScript繪圖插件
Flot 為jQuery準備的一個純JavaScript繪圖庫, 重點在于使用簡單，引人注目的界面和良好的交互特性。圖的一些關鍵特性是通過開關，放大縮小和與數(shù)據(jù)點交互來控制的，此外還有它加入了簡單工具提醒的功能
7. JS Charts : 免費的JavaScript圖表
JS Charts是一個基于JavaScript的圖生成器，它只需要很少或不需要編碼。使用JS Charts來繪制圖表是一個簡單且容易的工作，因為你只需要使用客戶端腳本（即通過Web瀏覽器操作）。不需要額外的插件或服務器模塊。只引用這個腳 本，準備好圖表數(shù)據(jù)的XML、JSON或JavaScript數(shù)組，OK，你的圖表已經(jīng)就緒了！
#p#
8. jQuery Sparklines
這個jQuery插件直接在瀏覽器中生成波形圖（小的內聯(lián)圖表），使用的數(shù)據(jù)可以是內嵌在HTML中或通過JavaScript提供。這個插件與大多數(shù)現(xiàn) 代瀏覽器兼容，已經(jīng)使用Firefox 2+、Safari 3+、Opera 9、Google Chrome以及Internet Explorer 6，7，8 & 9甚至是iOS和Android測試過。
9. Morris.js : 描繪按時間順序的線型圖
Morris.js是一個使用jQuery和Raphael來輕松描繪時間線型圖的輕量級框架。Morris.js最初是在howmanyleft.co.uk被用來作圖的代碼?，F(xiàn)在他已經(jīng)對全世界開源去擴展和分享。
11. jqPlot
jqplot是jQuery這個JavaScript框架的繪圖和圖表插件。jqplot能生成優(yōu)美的線條，包含諸多特性的柱狀圖及餅圖，這些特性如：轉軸的文本，趨勢線的自動計算，工具提示和數(shù)據(jù)點突出，更為方便使用的合理缺省值。
12. Grafico
- Grafico是一個以Raphaël和Prototype.js構建的JavaScript圖表庫。這個庫提供了一系列的圖表，這些圖片遵循Stephen Few和Edward Tufte奠定的指導方針。Grafico提供了漂亮的能夠有效傳達信息的圖表。
13. GraphUp
GraphUp是一個非常靈活且輕量級的jQuery (v1.4+)數(shù)據(jù)表插件。它使用顏色、柱形圖和氣泡來標識數(shù)據(jù)。
14. dygraphs
dygraphs是一個開源的JavaScript庫，它可以用來進行交互，生成以時間為序列的可縮放的圖表。它的設計目的是用來顯示允許用戶瀏覽和詮釋的密集數(shù)據(jù)集。你可以使用鼠標滑過時的值強調。單擊并拖動來縮放。雙擊撤銷縮放。改變數(shù)量并回車來調整平均周期。
15. jsPlumb jQuery插件
jsPlumb這個jQuery插件為開發(fā)者提供了一種可視化連接網(wǎng)頁元素的方法，大致與雅虎Pipes中使用相同的方式。jsPlumb允許你使用 “plumbing”連接屏幕上的元素，如果支持的話也可以使用Canvas元素，老版本的瀏覽器可以使用谷歌的Canvas探索腳本來獲得支持。 jQuery拖動的全透明支持也包括在內，API也超級簡單，而且腳本的壓縮版本只有10.5K。
原文鏈接：http://codegeekz.com/best-jquery-chart-libraries-for-building-interactive-charts/
譯文鏈接：http://www.oschina.net/translate/best-jquery-chart-libraries-for-building-interactive-charts
