cpu_test
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE html>
<html lang="zh">
<head>
<base href="<%=basePath%>">
<!-- jsp文件头和头部 -->
<%@ include file="../admin/top.jsp"%>
<script type="text/javascript">
$(top.hangge());
</script>
<style type="text/css">
#resourch_bar select {
border: solid 1px #C0C0C0;
appearance: none;
-moz-appearance: none;
font-size: 13px;
font-family: Arial, "Microsoft YaHei", 黑体, 宋体, sans-serif;
padding: 1px 5px;
height: 22px;
width: 130px;
margin-top: 7px;
} select::-ms-expand {
display: none;
} #top_bar_left {
font-weight: bold;
float: left;
font-size: 16px;
margin: 10px 20px;
} #resourch_bar {
margin: 0 20px;
text-align: right;
float: right;
}
</style>
</head>
<body>
<div id="top_bar_left" style="">CPU占用率统计</div> <div id="resourch_bar" style="">
IP地址：<select name="ip" id="ip" onchange="changeIp()" title="IP">
<option value="0">10.62.256.156</option>
<option value="1">10.62.256.12</option>
<%-- <c:forEach items="" var="menu">
<option value="">${menu.MENU_NAME }</option>
</c:forEach> --%>
</select> 进程名称：<select name="processName"
id="processName" onchange="changeProcessName()" title="进程名称">
<option value="0">zte_cloud1</option>
<option value="1">zte_cloud1_main1</option>
<%-- <c:forEach items="" var="menu">
<option value="">${menu.MENU_NAME }</option>
</c:forEach> --%>
</select>
</div> <div id="container"
style="min-width: 700px; min-height: 500px; margin: 0 10px;"></div> <!-- 引入 -->
<script type="text/javascript">
window.jQuery
|| document
.write("_$tag_______________________________________\x3C/script>");
</script>
<script src="static/js/bootstrap.min.js"></script>
<script src="static/js/ace-elements.min.js"></script>
<script src="static/js/ace.min.js"></script>
<!-- 引入 --> <script type="text/javascript">
$(function() {
$
.getJSON(
'http://www.hcharts.cn/datas/jsonp.php?filename=usdeur.json&callback=?',
function(data) {
var startDate = new Date(
data[data.length - 1][0]), // Get year of last data point
minRate = 1, maxRate = 0, startPeriod, date, rate, index;
startDate.setMonth(startDate.getMonth() - 3); // a quarter of a year before last data point
startPeriod = Date.UTC(startDate.getFullYear(),
startDate.getMonth(), startDate
.getDate());
for (index = data.length - 1; index >= 0; index = index - 1) {
date = data[index][0]; // data[i][0] is date
rate = data[index][1]; // data[i][1] is exchange rate
if (date < startPeriod) {
break; // stop measuring highs and lows
}
if (rate > maxRate) {
maxRate = rate;
}
if (rate < minRate) {
minRate = rate;
}
}
// Create the chart
$('#container').highcharts('StockChart', {
rangeSelector : {
selected : 1
},
title : {
/* text : 'CPU占用率统计(样板)' */
},
yAxis : {
title : {
text : 'CPU占用率（%）'
},
plotLines : [ {
value : minRate,
color : 'green',
dashStyle : 'shortdash',
width : 2,
label : {
text : '最近半小时最小值'
}
}, {
value : maxRate,
color : 'red',
dashStyle : 'shortdash',
width : 2,
label : {
text : '最近半小时最大值'
}
} ]
},
series : [ {
name : 'CPU占用率',
data : data,
tooltip : {
valueDecimals : 4
}
} ]
});
});
});
</script>
<script type="text/javascript">
var taskId = 1470211358843;
function changeIp() {
$.ajax({
type : "post",
async : false, //同步执行
url : "resource/getReourceIP?taskId=" + taskId,
//data:{taskId:taskId},
dataType : "json", //返回数据形式为json
success : function(data) {
console.log("1111");
var selectid = document.getElementById("ip");
for (var i = 0; i < data.length; i++) {
selectid[i] = new Option(data[i].TAGS, data[i].TAGS);
}
},
error : function(errorMsg) {
console.log("2222");
var selectid = document.getElementById("processName");
selectid[0] = new Option("---- 设置显示0 ----", 0);
selectid[1] = new Option("---- 设置显示1 ----", 1);
selectid[2] = new Option("---- 设置显示2 ----", 2);
}
});
}
</script>
<style type="text/css">
li {
list-style-type: none;
}
</style>
<script type="text/javascript" src="static/js/hcharts/highstock.js"></script>
<ul class="navigationTabs">
<li><a></a></li>
<li></li>
</ul>
</body>
</html>
cpu_test的更多相关文章
- sysbench的框架实现介绍
sysbench是一个非常经典的综合性能测试工具,它支持CPU,IO,内存,尤其是数据库的性能测试.那它是怎么做到通用性的呢,总结一句话是大量运用了重载的方法. sysbench总体架构 sysben ...
- 嵌入式开发之zynqMp ---Zynq UltraScale+ MPSoC 图像编码板zcu102
1.1 xilinx zynqMp 架构 1.1.1 16nm 级别工艺 Zynq UltraScale+ MPSoC架构 Xilinx新一代Zynq针对控制.图像和网络应用推出了差异化的产品系,这 ...
- centos中单进程监控
[root@k8s6 proc]# ps aux|grep -v PID|sort -rn -k +|head - root ? Ssl : : /usr/bin/dockerd root ? Ssl ...
- python之常用模块篇5
一.日志模块,logging模块 1)logging模块简单使用,屏幕输出.默认级别30 import logging logging.debug( logging.info( logging.war ...
- shell 脚本学习
Shell简介 概述 Shell是一种具备特殊功能的程序,它提供了用户与内核进行交互操作的一种接口.它接收用户输入的命令,并把它送入内核去执行.内核是Linux系统的心脏,从开机自检就驻留在计算机的内 ...
- ubuntu生成core转储文件
1.ulimit -c 判断是否开启转储 为0 则没有开启 2.ulimit -c unlimited 设置转储core大小没有限制 3.设置转储文件位置 echo "/var/core/% ...
- python 中的"switch"用法
转载:http://python.jobbole.com/82008/ 为什么Python中没有Switch/Case语句? 不同于我用过的其它编程语言,Python 没有 switch / case ...
- LINUX CGROUP总结
简介: Linux CGroup全称Linux Control Group, 是Linux内核的一个功能,用来限制,控制与分离一个进程组群的资源(如CPU.内存.磁盘输入输出等).这个项目最早是由Go ...
随机推荐
- Unity创建asset文件的扩展编辑器
using UnityEngine; using UnityEditor; using System.IO; public class CreateAsset : EditorWindow { pri ...
- debian8上安装pyspider - pyspider中文文档 - pyspider中文网
debian8上安装pyspider - pyspider中文文档 - pyspider中文网 #apt-get install python python-dev python-distribu ...
- 开发Google Material Design风格的WPF程序
今天在网上看到了一个Material Design风格的WPF皮肤,看上去还是挺不错的 这个项目是开源的,感兴趣的朋友可以下载试下: https://github.com/ButchersBoy/Ma ...
- MatLab角点检測(harris经典程序)
http://blog.csdn.net/makenothing/article/details/12884331 这是源博客的出处,鄙人转过来是为了更好的保存!供大家一起学习!已将原始的博客的文章的 ...
- ADS-B显示终端6.0
改动日志 1 更新背景地图. 增加了全国范围内的飞行限制区.飞行危急区.限制区採用黄色区域表示.危急区採用红色区域表示.全部原始资料均来自民航局发布的航行情报资料汇编. 2为解决显示元素过多,屏幕显 ...
- WinForm中DataGridView验证单元格输入的是数字
转载:http://www.cnblogs.com/ganqiyin/archive/2013/02/18/2915491.html 事件:DataGridView验证单元格输入的是数字,DataGr ...
- redis.conf配置解释
daemonize:如果需要在后台运行,把该项改为yespidfile:配置多个pid的地址,默认在/var/run/redis.pidbind:绑定ip,设置后只接受来自该ip的请求port:监听端 ...
- Android BottomNavigationBar底部导航控制器的使用
最近Google在自己推出的Material design中增加了Bottom Navigation导航控制.Android一直没有官方的导航控制器,自己实现确实是五花八门,有了这个规定之后,就类似苹 ...
- 如何写科技论文How to write a technical paper
This is the evolving set of recommendations I share with my graduate students for technical writing. ...
- iOS：带主标题、副标题、图像类型的表格视图UITableView
制作一个通讯录,包括姓名.电话.头像,将表格视图类型设置为UITableViewCellStyleSubtitle 效果图: //创建一个联系人的类,初始化数据 在视图控制器中实现表格内容的显示 #i ...