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