jQuery线状图插件Sparkline

jQuery线状图插件Sparkline

官网地址:http://omnipotent.net/jquery.sparkline/

文档地址:http://omnipotent.net/jquery.sparkline/#docs

下载地址:http://omnipotent.net/jquery.sparkline/#download

这里我用它写了两个个小例子,如果你需要用它更多的高级功能,可以参看他的开发文档,我的测试小例子代码如下:

< script type = "text/javascript" src = "jquery-1.4.1.min.js" kesrc = "jquery-1.4.1.min.js" ></ script >
< script type = "text/javascript" src = "jquery.sparkline.min.js" kesrc = "jquery.sparkline.min.js" ></ script >
< script type = "text/javascript" >
     $(function() {
         $('.inlinesparkline').sparkline();
         $('.inlinebar').sparkline('html', {type: 'bar', barColor: 'green'} );
     });
</ script >
---------------------------------
< p >
     最简单曲线图: < span class = "inlinesparkline" >1,4,4,7,5,9,10</ span >.
</ p >
< p >
     最简单的柱状图: < span class = "inlinebar" >1,3,4,5,3,5</ span >
</ p >
 
 
----------

你可能感兴趣的:(jquery)