jquery.spider.disk硬盘容量使用百分比图形化统计代码

来源:https://www.sucaihuo.com/js/2489.html 2017-07-21 17:24浏览(623) 收藏

jquery.spider.disk硬盘容量使用百分比图形化统计代码,一款百分比进度条样式的硬盘容量使用情况统计查看特效。
jquery.spider.disk硬盘容量使用百分比图形化统计代码
分类:统计图 > 柱状图 难易:初级
查看演示 下载资源 下载积分: 20 积分

js代码

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.spider.disk.js"></script>
<script type="text/javascript">
var data1={total:'1T',users:'500G',peruser:'50%',disks:[
{id:'10000',name:'C:/',value:'50',total:'500G'},
{id:'10001',name:'D:/',value:'20',total:'500G'},
{id:'10002',name:'E:/',value:'10',total:'500G'},
{id:'10003',name:'F:/',value:'10',total:'500G'},
{id:'10004',name:'G:/',value:'10',total:'500G'}]}; 

var data2={total:'1T',users:'500G',peruser:'50%',disks:[
{id:'10000',name:'C:/',value:'90',total:'500G'},
{id:'10001',name:'D:/',value:'20',total:'500G'},
{id:'10002',name:'E:/',value:'50',total:'500G'},
{id:'10003',name:'F:/',value:'50',total:'500G'},
{id:'10004',name:'G:/',value:'85',total:'500G'}]}; 


$(document).ready(function(){
	refresh(data1);
});
function refresh(data){
	$("#disk_a").disk("poll1",{
		title:'硬盘使用情况',
		//titleColor:'#ff6600',
		width:'100%',
		data:data
	});	
}
</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2