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>
 
 
----------
原文地址:https://www.cnblogs.com/wdw31210/p/2382990.html