15個構建互動式圖表的最佳 jQuery 外掛

oschina發表於2013-06-22
jQuery

　　在這篇文章中，我們向你推薦 15 個圖表庫，包含從簡單圖表實現到高度複雜的互動式圖表，希望你會喜歡。

　　1. Chart.js : Charting Library with HTML5 Canvas

 

chartjs

　　使用HTML5 Canvas元素的Javascript圖形庫,支援6種統計圖形,不依賴其他庫.

　　2. xCharts : For Building Data-Driven Charts

　　xCharts 是一個使用 D3.js 來構建漂亮的可定製的資料驅動的 JavaScript 圖表庫，他使用HTML，CSS，SVG實現圖表，xCharts 被設計為一個動態的、流暢的、開放的和可定製化的庫。

　　3. Sigma.js : Draw Graphs Using HTML5 Canvas Element

sigma-js

　　sigma.js 是一個開源的輕量級 JS 庫，用來繪製各種圖形，使用的是 HTML Canvas 元素。

　　4. HighCharts

highchartjs

　　Highcharts是一個製作圖表的純Javascript類庫，主要特性如下：

  • 相容性：相容當今所有的瀏覽器，包括iPhone、IE和火狐等等；
  • 對個人使用者完全免費；
  • 純JS，無BS；
  • 支援大部分的圖表型別：直線圖，曲線圖、區域圖、區域曲線圖、柱狀圖、餅裝圖、散佈圖；
  • 跨語言：不管是PHP、Asp.net還是Java都可以使用，它只需要三個檔案：一個是Highcharts的核心檔案highcharts.js，還有a canvas emulator for IE和Jquery類庫或者MooTools類庫；
  • 提示功能：滑鼠移動到圖表的某一點上有提示資訊；
  • 放大功能：選中圖表部分放大，近距離觀察圖表；
  • 易用性：無需要特殊的開發技能，只需要設定一下選項就可以製作適合自己的圖表；
  • 時間軸：可以精確到毫秒；

　　在 RunJS 檢視線上演示：http://runjs.cn/code/ih5xzoeb

　　5. Fusion Charts

fusion-charts

　　FusionCharts是一個能幫你建立其引人注目的動態影像效果的Macromedia Flash控制元件。充分利用Macromedia Flash所具有的流暢功能來建立簡潔的、互動式的和引人注目的動態影像。  

　　6. Flot : Attractive JavaScript Plotting for jQuery

flot

　　受Plotr和PlotKit的啟發，Ole Laursen基於jquery開發了一個圖表繪製(WEB Chart)外掛並命名為flot。

　　7. JS Charts : Free JavaScript Charts

jscharts

　　JS Charts 是一款免費的基於javascript的輕量級外掛，用JS Charts 繪製圖表是很輕鬆地事,因為你只需要關心客戶端的指令碼。

　　8. jQuery Sparklines

jQuery-Sparklines

　　jQuery Sparklines可以用來生成靜態或動態波譜圖表效果，原始碼愛好者查閱資料寫一個簡單的呼叫例項，例項僅是其中的兩款，如果需要其它樣式的圖表，你需 要查閱官方資料，每個例項都可以用一行HTMl或JavaScript生成，相容目前絕大多數流行的瀏覽器：Firefox 2+, Safari 3+, Opera 9 and Internet Explorer 6 & 7 & 8等。

　　9. Morris.js : Draw Time-Series Line Graphs

morrisjs

　　Morris.js 是一個輕量級的 JS 庫，使用 jQuery 和 Raphaël 來生成各種時序圖。

　　10. jQuery OrgChart

jquery-org-chart

　　jQuery OrgChart 是一個用來繪製組織結構圖的 jQuery 外掛。

　　11. jqPlot

jqPlot

　　jqPlot是一個jQuery繪圖外掛，可以利用它製作漂亮的線狀圖和柱狀圖。jqPlot支援為圖表設定各種不同的樣式。提供Tooltips，資料點高亮顯示等功能。

　　12. Grafico

grafico

　　Grafico 是一個基於 Raphaël 和 Prototype.js 構建的 JavaScript 圖表庫，提供了各種圖表型別。

　　13. GraphUp

graphup

　　GraphUp  是一個非常靈活和輕量級的 jQuery 外掛，用來對錶格資料進行美化，使用不同顏色、條形圖和冒泡方式對不同值進行渲染。

　　14. dygraphs

dygraphs-javascript

　　dygraphs 是一個開源的Javascript庫，它可以產生一個可互動式的，可縮放的的曲線表。其可以用來顯示大密度的資料集（比如股票，氣溫，等等），並且可以讓 使用者來瀏覽和解釋這個曲線圖。在它的主頁，你可以看到一些示例和用法。

　　15. jsPlumb jQuery Plugin

jsplumb

　　JsPlumb 提供開發者頁面的視覺化連結元素，可與jQuery method, MooTools 和 YUI3 整合使用。

　　英文來源：best_jquery_chart_libraries_for_interactive_charts

相關文章