建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

JQuery绘制小图插件jquery.sparkline.js

来源:易助科技网浏览量:9收藏

简介

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


JQuery绘制小图插件jquery.sparkline.js-示例图


(下载的附件中带有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