欧美成人精品手机在线观看_69视频国产_动漫精品第一页_日韩中文字幕网 - 日本欧美一区二区

[p]jquery, mootools, prototype 等優秀的 javascript 框架擁有各種強大的功能，包括繪制 web 圖表，使用這些框架以及相應插件，我們可以非常輕松地實現曲線圖，圓餅圖，柱狀圖等 web 圖表的繪制，而不必象以往那樣通過復雜的 flash 技術實現。[/p]
[p][/p]
[p]本文介紹了9個優秀的基于 javascript 與 css 的 web 圖表框架。[/p]
1. flot
[p][b][img]http://bbon.cn/wp-content/uploads/2009/03/1543563jm.png[/img][/b][/p]
flot 是一個純粹的 jquery javascript 繪圖庫，可以在客戶端即時生成圖形，使用非常簡單，支持放大縮小以及鼠標追蹤等交互功能。該插件支持 ie6/7/8, firefox 2.x+, safari 3.0+, opera 9.5+ 以及 konqueror 4.x+。使用的是 safari 最先引入的 canvas 對象，目前所有主流瀏覽器都支持該對象，除了 ie, 因此在 ie中使用 javascript 進行模擬。這里有一些實例。
2. js charts
[p][img]http://bbon.cn/wp-content/uploads/2009/03/1543571cf.png[/img][/p]
js charts 是一個免費的基于 javascript 的圖表生成器，表格繪制非常簡單，幾乎不需要編碼，也不需要插件和服務器模塊，使用xml 或 javascript 數組緩存數據。
3. tabletochart
tabletochart 是一個 mootools 腳本，可以將 html table 對象中存儲的數據繪制成圖表。你可以使用 table 標簽生成圖表，柱狀圖，曲線圖，圓餅圖等。
4. plotkit
plotkit 是一個 javascript 繪圖庫，支持 html canvas 標簽，也支持 svg。
5. yahoo ui charts control
[p][img]http://bbon.cn/wp-content/uploads/2009/03/154359ilg.png[/img][/p]
yui charts control 可以在網頁上將表格數據轉換為圖表，支持柱狀圖，曲線圖以及圓餅圖。支持 datasource 工具，可設置的軸，鼠標盤旋提示，圖表組合，以及皮膚等功能。
6. protochart
[p][img]http://bbon.cn/wp-content/uploads/2009/03/154359h9v.png[/img][/p]
protochart 是一個基于 prototype 和 canvas 標簽的開源庫，這個庫深受 flot, flotr, plotkit 等啟發，支持曲線圖，柱狀圖，圓餅圖等，可以在同一個圖表上顯示多套數據，支持可定制的圖例，網格，邊界以及背景圖。支持 ie6/7, firefox 2/3 以及 safari，甚至支持 iphone.
7. ejschart
[p][img]http://bbon.cn/wp-content/uploads/2009/03/154400l7x.png[/img][/p]
ejschart 支持鼠標追蹤，鼠標事件，按鍵追蹤與事件，縮放，滾動，交互等功能，將用戶體驗上升到一個新高度。支持曲線圖，面積圖，離散圖，圓餅圖，柱狀圖等形式，擁有完備文檔的屬性和方法可以幫助實現很好的定制。
8. fgcharting
fgcharting 是一個很出色的 jquery 插件，支持多種圖形。
9. pure css data chart
[p][img]http://bbon.cn/wp-content/uploads/2009/03/154400twr.png[/img][/p]
以往的數據展示往往通過 flash 實現，現在，我們可以通過純粹的 css 實現類似的功能。cssglobe 有一個非常實用的教程幫你實現基于 css 的繪圖，甚至不需要 javascript。
本文國際來源：http://woork.blogspot.com/2009/03/useful-scripts-to-plot-charts-in-web.html[br]中文翻譯來源：comsharp cms 官方網站
[p] [/p]
[p][url=http://bbon.cn/2009/03/9-%e4%b8%aa%e5%9f%ba%e4%ba%8ejavascript-%e5%92%8c-css-%e7%9a%84-web-%e5%9b%be%e8%a1%a8%e6%a1%86%e6%9e%b6.html]http://bbon.cn/2009/03/9-%e4%b8%aa%e5%9f%ba%e4%ba%8ejavascript-%e5%92%8c-css-%e7%9a%84-web-%e5%9b%be%e8%a1%a8%e6%a1%86%e6%9e%b6.html[/url][/p]