首頁 > web前端 > js教程 > 主體

5個最頂級jQuery圖表類別庫外掛【jquery外掛程式庫】_基礎知識

WBOY
發布: 2016-05-16 15:02:07
原創
1516 人瀏覽過

GraphUp jQuery plugin - 15美元

Graphup是一中非常輕量級的靈活的jQuery(v1.4+)插件用來美化你的資料表。它能夠使用顏色,長條圖及其氣飽來有效的展現你的數據。

支援眾多選項 - 選擇資料清除器和一個油漆工具:填充,柱狀,氣飽圖;配置小數點(支援句號或逗號);客製化顏色表及其CSS類;更多其他輕量級- 整個插件只有4kb 可擴展- 你可以輕鬆的創建你自己的清除器和油漆工具或顏色表。而且,擁有一個callback來執行上色前對單元格的任何操作。非常靈活,無限可能!大家可以生產示範 功能增強 - 你最初的表仍舊可以查看即時沒有javascript 文件很全 - live examples and documentation.

相容性:Chrome 5, FireFox 2, FireFox 3, IE7, IE8, Opera, Safari

1. jQuery Visualize Plugin

如果你想把一張表裡的內容以圖形化展示出來的話,那麼這個插件將是最好的展示工具。他提供了不同類型的圖示例如長條圖,餅圖,面積圖,折線圖

示範實例

支援的圖表: 長條圖,圓餅圖,面積圖,折線圖

系統需求:jQuery ,exanvas(已包含)

瀏覽器支援:IE6,7,8, Firefox 2, firefox 3.5, Safari 3, 4, Opera 9.
HTML5 canvas在IE中不支援但是Google維護了一個類別庫能將Canvas翻譯成VML,這樣可以允許在任意版本IE中運行

授權類型:MIT and GPL licenses

2. Highcharts

highcharts是非常棒的一個jQuery插件,簡單來說highcharts和大多數的瀏覽器都相容,甚至是iphone。支援很多類型的圖表。並且是動態的插件,你可以輕鬆在創建圖表後添加,刪除,修改數列,軸或者點,並且可以從外部加載文件數據,同時支持提示條,這樣你可以輕鬆的查看圖表中的詳細內容。最後還支援縮放和翻轉。

示範實例

 

 

支援的圖表: 長條圖,圓餅圖,面積圖,折線圖,樣條圖,圓柱圖,散佈圖,Areaspline

系統需求:jQuery 或 MooTools

瀏覽器支援: IE6,7,8, Firefox 2, firefox 3.5, Safari 3, 4, Opera 9, IPhone!

授權類型:Creative Commons Attribution  Non-Commercial 3.0 License. 學校,非營利組織及其個人免費使用。商業網站一個站點80美元

3. Flot

Flot的作者稱它為"jQuery版的有吸引力的javascript標圖",他非常簡單且實用,很容易就創建圖表所有的選項都是可選的。主要得功能包括:開關系列,縮放,數據點互動,並且擁有簡單的提示框

示範實例

支援的圖表: 長條圖,圓餅圖,點狀圖,折線圖

系統需求:jQuery

瀏覽器支援: IE6,7,8, Firefox 2, firefox 3.5, Safari 3, 4, Opera 9, Konqueror 4+

授權類型:MIT and GPL licenses

4. jQuery Sparklines

Sparklines能夠在HTML或Javasript中產生很小的行間圖表,對於顯示迷你圖表特別有優勢。因為它只使用1行來完成圖示生成。另外一個非常不過得特性是自刷新。你可以看到它的滑鼠移動撲捉線上演示。

示範實例

支援的圖表: 長條圖,圓餅圖,折線圖,Tristate, Bullet, Box Plot

系統需求:jQuery

瀏覽器支援: IE6,7,8, Firefox 2, firefox 3.5, Safari 3, 4, Opera 9, Google Chrome

授權類型:MIT and GPL licenses

5. jqPlot

最初並沒有進入我的視野,但是經過深入研究後它的確是最好的jQuery圖表免費插件之一。大量的選項提供給你,你甚至可以設定陰影和拖曳操作。甚至可以自動計算趨勢線。個人覺得甚至可以和highcharts媲美。

示範實例

支援的圖表: 長條圖,圓餅圖,折線圖

系統需求:jQuery

瀏覽器支援: IE6,7,8, Firefox 2, firefox 3.5, Safari 3, 4, Opera 9, Google Chrome

授權類型:MIT and GPL version2 licenses

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!