注册 登录 充值会员 退出
网站、APP、小程序等定制开发,联系QQ 1206995177 毕业设计 java源码 PHP源码

充值

jQuery饼状图服务器资源图表统计代码

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2024-01-15
jQuery饼状图服务器资源图表统计代码
jQuery饼状图服务器资源图表统计代码,一款展示服务器新的访问,跳出率,负载等资源使用情况图表统计数据代码。


js代码

<script type="text/javascript" src="js/excanvas.js"></script>
<script type="text/javascript" src="js/jquery.easy-pie-chart.js"></script>
<script type="text/javascript">
var initPieChart = function() {
	$('.percentage').easyPieChart({
		animate: 1000
	});
	$('.percentage-light').easyPieChart({
		barColor: function(percent) {
			percent /= 100;
			return "rgb(" + Math.round(255 * (1-percent)) + ", " + Math.round(255 * percent) + ", 0)";
		},
		trackColor: '#666',
		scaleColor: false,
		lineCap: 'butt',
		lineWidth: 15,
		animate: 1000
	});

	$('.updateEasyPieChart').on('click', function(e) {
	  e.preventDefault();
	  $('.percentage, .percentage-light').each(function() {
		var newValue = Math.round(100*Math.random());
		$(this).data('easyPieChart').update(newValue);
		$('span', this).text(newValue);
	  });
	});
};
</script>