9款很棒的網(wǎng)頁(yè)繪制圖表JavaScript框架腳本

發(fā)布時(shí)間：2009-06-11 20:19:39 作者：佚名

9款很棒的網(wǎng)頁(yè)繪制圖表JavaScript框架腳本 1.Flot Flot是基于 jQuery框架繪制圖表的純Javascript框架。它可在客戶端即時(shí)繪制并生成各種圖形。重要的是它使用簡(jiǎn)便（還有很多可選的設(shè)置）、吸引人的視覺(jué) 效果和交互功能，如圖表縮放和鼠標(biāo)跟蹤等。該javascript框架適用

9款很棒的網(wǎng)頁(yè)繪制圖表JavaScript框架腳本

1.Flot

javascript-chart-01

Flot是基于 jQuery框架繪制圖表的純Javascript框架。它可在客戶端即時(shí)繪制并生成各種圖形。重要的是它使用簡(jiǎn)便（還有很多可選的設(shè)置）、吸引人的視覺(jué) 效果和交互功能，如圖表縮放和鼠標(biāo)跟蹤等。該javascript框架適用于我們所熟知的 Internet Explorer 6/7/8, Firefox 2.x+, Safari 3.0+, Opera 9.5+ and Konqueror 4.x+瀏覽器。查看圖表樣例

2.JS Charts

JS Chart是需要一些簡(jiǎn) 單或無(wú)需手工書寫編碼的基于Javascript的免費(fèi)圖表生成器。使用JS Chart可以很簡(jiǎn)單很容易的完成你的生成圖表任務(wù)，因?yàn)槟阒恍枰褂每蛻舳四_本(即瀏覽器端)，無(wú)需多余的插件或服務(wù)器端模塊。你只需要準(zhǔn)備好JS Chart腳本、包含圖表數(shù)據(jù)的XML或Javascript數(shù)組，你的圖表就準(zhǔn)備就緒了。

3. TableToChart

javascript-chart-03

TableToChart 是基于MooTools JS框架的網(wǎng)頁(yè)圖表生成器，它通過(guò)包含在HTML table中的值來(lái)繪制圖形圖表。您可以使用Table標(biāo)簽來(lái)生成圖表，條、線和餅都可以。

4.PlotKit

javascript-chart-04

PlotKit是一款繪制圖表圖形的Javascript框架。它支持HTML Canvas、基于Adobe SVG Viewer的SVG和本地瀏覽器。

5. Yahoo UI Charts Control

javascript-chart-051

YUI圖表管理可以在網(wǎng)頁(yè)中以垂直條、橫條、線、餅等形式可視化呈現(xiàn)圖表。主要特色包括支持DataSource、鼠標(biāo)懸停數(shù)據(jù)提示、組合圖表和皮膚功能。

6. ProtoChart

javascript-chart-061

ProtoChart是基于Prototype和Canvas可創(chuàng)建非常漂亮圖表的開(kāi)源框架。它支持線、條、餅、曲線、混雜(mix)、面圖表等多種數(shù)據(jù)串聯(lián)在統(tǒng)一圖形中。它支持IE6/7, FF2/3 和 Safari 甚至可以在 iPhone上工作.

7. EJSChart

javascript-chart-07

EJSChart支持鼠標(biāo)跟蹤、鼠標(biāo)事件、鍵盤跟蹤和事件、縮放、滾動(dòng)、十字線增加交互感并為網(wǎng)頁(yè)圖表的用戶體驗(yàn)提升了一個(gè)檔次。您可以選擇多種圖表類型：線、面、分散數(shù)據(jù)、餅和函數(shù)級(jí)數(shù)。圖表的每個(gè)細(xì)節(jié)都可以自定制。