$(document).ready(function() {
//设置全局属性
Highcharts.setOptions({
global: {
useUTC: false
}
});
var k = 0;
var chart;
$('#container').highcharts({
chart: {
//设置背景色
backgroundColor: {
linearGradient: {
x1: 0,
y1: 0,
x2: 1,
y2: 1
},
stops: [[0, 'rgb(0, 0, 0)'], [1, 'rgb(0, 0, 0)']]
},
//设置放大的方向 可以是x或者y
zoomType: 'xy',
//设置绘图区域边框颜色和宽度
plotBorderColor: '#008800',
plotBorderWidth: 0,
shadow: true,
//设置动画效果
animation: Highcharts.svg,
//左边距和右边距
marginRight: 50,
marginLeft: 70,
borderColor: '#008800',
borderWidth: 1,
events: {
load: function() {
// 图像的折线或者条状图坐标数组,可以有多个
var series = this.series[0];
var series1 = this.series[1];
//highchart内置的定时器,用于动态添加点坐标,这个功能非常好用,如果Amcharts也有这样的功能就好了
setInterval(function() {
$.ajax({
type: "get",
url: "<%=path%>/getData/getData.do?param=getData",
dataType: "html",
data: {},
success: function(result) {
var tempData = result.split("_");
var x = (k++);
series.addPoint([x, parseFloat(tempData[0])], true, true);
series1.addPoint([x, parseFloat(tempData[1])], true, true);
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
//alert("出错啦");
}
});
},1000);
}
}
},
title: {
text: "CPU/内存使用率监视图",
style: {
color: '#FFFFFF',
font: 'bold 16px "Trebuchet MS", Verdana, sans-serif'
}
},
//设置x轴的属性
xAxis: {
tickInterval: 10,
gridLineColor: '#008800',
gridLineWidth: 1,
lineWidth: 0,
labels: {
step: 1
},
},
yAxis: [{ // Primary yAxis
gridLineColor: '#008800',
gridLineWidth: 1,
min: 0,
max: 100,
labels: {
formatter: function() {
return this.value + "%";
},
style: {
color: '#FFFFFF'
}
},
title: {
text: '使用率',
style: {
color: '#FFFFFF'
}
},
opposite: false
}],
tooltip: {
shared: false,
valueDecimals: 0
},
legend: {
enabled: true
},
exporting: {
enabled: false
},
plotOptions: {
area: {
// pointStart: 1940,
marker: {
enabled: false,
symbol: 'circle',
radius: 2,
states: {
hover: {
enabled: true
}
}
}
},
line: {
marker: {
enabled: false,
symbol: 'circle',
radius: 1,
//lineWidth: 15,// 线条粗线
states: {
hover: {
enabled: true
}
}
}
}
},
series: [{
name: '<b style="color:white">内存使用率</b>',
type: 'line',
color: '#FF0000',
yAxis: 0,
data: (function() {
var data = [],time = (new Date()).getTime(),i;
for (i = -200; i <= 0; i++) {
data.push({
x: -1,
y: 0
});
}
return data;
})()
},
{
name: '<b style="color:white">CPU使用率</b>',
type: 'line',
color: '#0000FF',
// Y轴对象是一个数组,这里绑定了数组的第一个对象
yAxis: 0,
data: (function() {
// generate an array of random data
var data = [],time = (new Date()).getTime(),i;
for (i = -200; i <= 0; i++) {
data.push({
x: -1,
//time + i * 1000,
y: 0
});
}
return data;
})()
}]
});
});
相关推荐
1、监测CPU使用率 2、监测PF(页面文件)使用量 3、监测Phys(物理内存)使用量
除了监视内存使用情况,还可以监控CPU,检测CPU型号及相关技术参数,比如CPU核心、频率、FPS、F2缓存、CPU架构等。还可以检测到总物理内存、已使用内存、剩余内存、页面文件状态等。并以类似Windows任务管理器的柱状...
代码是异步的,不会因为等待GPU回答而达到CPU极限而使渲染管线停顿,因此您可以使用此监视器在CPU上计算大量物理量。 如果要关闭GPU跟踪,只需单击一下就可以将其按下。 查看在线示例/ e2e测试以了解其工作原理。 ...
它为开发人员提供了应用程序性能的连续和历史代码级视图,这对于查找CPU,内存分配和I / O热点以及延迟瓶颈至关重要。 随附的运行时指标和错误监视补充配置文件,可进行广泛的性能分析。 在了解更多。产品特点CPU...
添加 CPU 或内存的 DLPAR 准则 应用程序调谐 概要分析 编译器优化技巧 FORTRAN 和 C 优化预处理 代码优化技巧 Java 性能监视 Java 的优点 Java 性能准则 Java 监视工具 AIX 的 Java 调谐 垃圾收集对 Java 性能的影响...
服务监控:监视当前系统CPU、内存、磁盘、堆栈等相关信息。 缓存监控:对系统的缓存信息查询,命令统计等。 在线构建器:拖动表单元素生成相应的HTML代码。 连接池监视:监视当前系统数据库连接池状态,可进行分析...
它为开发人员提供了应用程序性能的连续和历史代码级视图,这对于查找CPU,内存分配和I / O热点以及延迟瓶颈至关重要。 随附的运行时指标和错误监视补充配置文件,可进行广泛的性能分析。 在了解更多。产品特点CPU...
Java目录监视器源程序 9个目标文件 内容索引:JAVA源码,综合应用,目录监视 用JAVA开发的一个小型的目录监视系统,系统会每5秒自动扫描一次需要监视的目录,可以用来监视目录中文件大小及文件增减数目的变化。...
util实现Java图片水印添加功能,有添加图片水印和文字水印,可以设置水印位置,透明度、设置对线段锯齿状边缘处理、水印图片的路径,水印一般格式是gif,png,这种图片可以设置透明度、水印旋转等,可以参考代码加以...
代码里用了备份dll的方法,因此在自定义的函数中可以直接调用在内存中备份的dll代码,而不需要再把函数头部改来改去。 IOCP反弹远控客户端模型,外加上线服务端,全部代码注释! 如题。这个是IOCP远程控制软件的...
util实现Java图片水印添加功能,有添加图片水印和文字水印,可以设置水印位置,透明度、设置对线段锯齿状边缘处理、水印图片的路径,水印一般格式是gif,png,这种图片可以设置透明度、水印旋转等,可以参考代码加以...
util实现Java图片水印添加功能,有添加图片水印和文字水印,可以设置水印位置,透明度、设置对线段锯齿状边缘处理、水印图片的路径,水印一般格式是gif,png,这种图片可以设置透明度、水印旋转等,可以参考代码加以...
适用于: 监视系统资源(电池,网络,内存,CPU等) 等待职位发布更改或显示监控不同供应商的部分价格随时间跟踪GitHub存储库(星号等)中的更改WatchMe可以监视整个页面或页面的特定部分的更改。 它适用于您希望...
util实现Java图片水印添加功能,有添加图片水印和文字水印,可以设置水印位置,透明度、设置对线段锯齿状边缘处理、水印图片的路径,水印一般格式是gif,png,这种图片可以设置透明度、水印旋转等,可以参考代码加以...
util实现Java图片水印添加功能,有添加图片水印和文字水印,可以设置水印位置,透明度、设置对线段锯齿状边缘处理、水印图片的路径,水印一般格式是gif,png,这种图片可以设置透明度、水印旋转等,可以参考代码加以...
15、服务监控:监视当前系统CPU、内存、磁盘、堆栈等相关信息。16、在线构建器:拖动表单元素生成相应的HTML代码。17、连接池监视:监视当前系统数据库连接池状态,可进行分析SQL找出系统性能瓶颈。 RuoYi若依管理...
共20个目标文件,CPU管理、内存管理、文件操作、进程监视管理、获取机子信息……等等。 10、Android触摸界面产生气泡的源码 如题,共1个目标文件。 11、Android读写文件源码 共1个目标文件,文件操作! 12、...
Java目录监视器源程序 9个目标文件 内容索引:JAVA源码,综合应用,目录监视 用JAVA开发的一个小型的目录监视系统,系统会每5秒自动扫描一次需要监视的目录,可以用来监视目录中文件大小及文件增减数目的变化。...
Java目录监视器源程序 9个目标文件 内容索引:JAVA源码,综合应用,目录监视 用JAVA开发的一个小型的目录监视系统,系统会每5秒自动扫描一次需要监视的目录,可以用来监视目录中文件大小及文件增减数目的变化。...