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

  • J5_137142
    了解作者
  • 46.7KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-05-06 00:26
    上传日期
jQuery饼状图服务器资源图表统计代码,一款展示服务器新的访问,跳出率,负载等资源使用情况图表统计数据代码。
jQuery饼状图服务器资源图表统计代码.zip
  • js
  • jquery.min.js
    92.6KB
  • jquery.easy-pie-chart.js
    5.7KB
  • html5.js
    3.5KB
  • excanvas.js
    26.4KB
  • css
  • jquery.easy-pie-chart.css
    141B
  • style.css
    3.9KB
  • index.html
    3.2KB
内容介绍
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery饼状图服务器资源图表统计代码</title> <script type="text/javascript" src="js/jquery.min.js"></script> <!--[if IE]> <script type="text/javascript" src="js/html5.js"></script> <![endif]--> <script type="text/javascript" src="js/excanvas.js"></script> <script type="text/javascript" src="js/jquery.easy-pie-chart.js"></script> <link rel="stylesheet" type="text/css" href="css/style.css" media="screen"> <link rel="stylesheet" type="text/css" href="css/jquery.easy-pie-chart.css" media="screen"> <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> </head> <body onLoad="initPieChart();"> <div class="container"> <h1>EASY饼图</h1> <div class="chart"> <div class="percentage" data-percent="55"><span>55</span>%</div> <div class="label">新的访问</div> </div> <div class="chart"> <div class="percentage" data-percent="46"><span>46</span>%</div> <div class="label">跳出率</div> </div> <div class="chart"> <div class="percentage" data-percent="92"><span>92</span>%</div> <div class="label">服务器负载</div> </div> <div class="chart"> <div class="percentage" data-percent="84"><span>752</span>MB</div> <div class="label">使用的RAM</div> </div> <div style="clear:both;"></div> <div class="dark"> <div class="chart"> <div class="percentage-light" data-percent="55"><span>55</span>%</div> <div class="label">新的访问</div> </div> <div class="chart"> <div class="percentage-light" data-percent="46"><span>46</span>%</div> <div class="label">跳出率</div> </div> <div class="chart"> <div class="percentage-light" data-percent="92"><span>92</span>%</div> <div class="label">服务器负载</div> </div> <div class="chart"> <div class="percentage-light" data-percent="84"><span>752</span>MB</div> <div class="label">使用的RAM</div> </div> <div style="clear:both;"></div> </div> <p><a href="#" class="button updateEasyPieChart" rel='nofollow' onclick='return false;'>更新饼图</a></p> </div> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p> <p>来源:<a href="https://www.lanrenzhijia.com/" target="_blank" rel='nofollow' onclick='return false;'>懒人</a></p> </div> </body> </html>
评论
    相关推荐
    • jQuery各大云服务器门户幻灯片轮播
      jQuery各大云服务器门户幻灯片轮播
    • 使用JQuery服务器端参数化方法调用
      此演示演示了jquery如何调用服务器端参数化方法。
    • jQuery服务器购买抽奖活动源代码
      jQuery服务器购买抽奖活动源代码是一款红色的九宫格抽奖源代码下载。
    • jquery i18n
      jquery-i18n-properties,实现web多语言,并实现了持久化,代码需要在服务器中访问。
    • JQuery 及插件实现图片剪切分割上传服务器
      最近做一个项目的图像上传功能,这个功能就是类似与大型网站的图像上传功能。上传切割主要是相对于起点的四个偏移量,left、top、width、height值,然后在后台进行切割显示给会员。
    • jQuery饼图服务器资源统计代码.zip
      jQuery饼图服务器资源统计代码是一款服务器新的访问,跳出率,负载,使用情况等canvas图表统计数据模板代码。
    • jquery.easing
      请将脚本上传到您自己的服务器并更新指向gsgd.co.uk任何 url 以使用该版本的文件,或者您可以尝试将上述 url 用于 CDN(尽管目前只有 1.3 缓动脚本,请查看了解更多信息,也许可以尝试添加任何丢失的文件/仍在使用...
    • jquery.Thailand.js:服务器端!
      jquery.Thailand.js งใช้ย!รอกที่อยู่ที่ดีที่สุดในไทยไม่ต้องใช้服务器端! อ่านแนวคิดและที่มาที่ไป ต้องการปรับปรุงฐรข...
    • jQuery饼图服务器资源统计特效代码
      jQuery饼图服务器资源统计代码是一款服务器新的访问,跳出率,负载,使用情况等canvas图表统计数据模板代码。
    • GaussDB_100_1.0.1-DATABASE-REDHAT-64bit.tar.gz
      guassdb100在redhat上安装包,单机部署的包,安装步骤请看我的文中介绍,经过大量实验搭建总结出来的文档