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 >

 

 

http://www.update8.com/Web/Jquery/19157.html

----------

转载至： http://www.itivy.com/ivy/archive/2011/3/22/634364027374654386.html