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 >
 
 
----------


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM