做网站|网站建设,就上易助科技网

前端技术文档及相关资料下载

关于前端html、css、js等技术上的各种疑难棘手问题的解决方案探讨及相关资料下载!

JQuery绘制小图插件jquery.sparkline.js
来源:易助科技网浏览量:4收藏

简介

Query Sparklines可以用来生成静态或动态波谱图表效果,其特点是:凸现数据显示,设计简单,能提供文字大小图片。 这个插件是用最现代的浏览器兼容,并已与Firefox 2 +,Safari 3以上,Opera 9中,谷歌浏览器和Internet Explorer 6,7及8测试。

 


(下载的附件中带有DEMO)


使用

1.  引入文件

<script type="text/javascript" src="jquery-1.4.4.js">script>  
<script type="text/javascript" src="jquery.sparkline.js">script>

注意:JQuery的版本至少1.2或更高版本。


2.  HTML

<span>Inline <span style="color:rgb(98 189 255)">Sparklinespan>: span><span><span><span>span span><span>classspan><span>="<span style="color:rgb(98 189 255)">inlinesparklinespan>"span><span>>span><span>1,4,4,7,5,9,10span>  span>


3.  调用

$(function() {
  /** This code runs when everything has been loaded on the page */ 
  /* Inline sparklines take their values from the contents of the tag */ 
  $('.inlinesparkline').sparkline();
});


 相关链接

GitHub 地址 :https://github.com/gwatts/jquery.sparkline