Visualize：一个jQuery可视化插件资源-CSDN文库

共5个文件

js：2个

css：2个

html：1个

jQuery

javascript

plugin

visualize

5星 · 超过95%的资源需积分: 10 20 浏览量 2009-07-17 14:28:17 上传评论收藏 12KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

visualize.filamentgroup.zip （5个子文件）

excanvas.compiled.js 11KB

visualize.jQuery.css 2KB

index.html 2KB

demopage.css 1KB

visualize.jQuery.js 14KB

<html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Demo page</title> <link type="text/css" rel="stylesheet" href="visualize.jQuery.css"/> <link type="text/css" rel="stylesheet" href="demopage.css"/> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>  <script type="text/javascript" src="visualize.jQuery.js"></script> <script type="text/javascript"> $(function(){ //make some charts $('table').visualize({type: 'pie', pieMargin: 10, title: '2009 Total Sales by Individual'}); $('table').visualize({type: 'line'}); $('table').visualize({type: 'area'}); $('table').visualize(); }); </script> </head> <body> <table > <caption>2009 Individual Sales by Category</caption> <thead> <tr> <td></td> <th>food</th> <th>auto</th> <th>household</th> <th>furniture</th> <th>kitchen</th> <th>bath</th> </tr> </thead> <tbody> <tr> <th>Mary</th> <td>190</td> <td>160</td> <td>40</td> <td>120</td> <td>30</td> <td>70</td> </tr> <tr> <th>Tom</th> <td>3</td> <td>40</td> <td>30</td> <td>45</td> <td>35</td> <td>49</td> </tr> <tr> <th>Brad</th> <td>10</td> <td>180</td> <td>10</td> <td>85</td> <td>25</td> <td>79</td> </tr> <tr> <th>Kate</th> <td>40</td> <td>80</td> <td>90</td> <td>25</td> <td>15</td> <td>119</td> </tr> </tbody> </table> </body> </html>

评论收藏

内容反馈