jQuery线状图插件Sparkline_spark

官网地址:​​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​​​​>​