java js highcharts_[js] highcharts 使用

监控-服务器信息

InetAddress ip=InetAddress.getLocalHost();

Runtime r=Runtime.getRuntime();%>$(function() {

$(document).ready(function() {

Highcharts.setOptions({

global: {

useUTC:false}

});varchart;

$('#lineChart').highcharts({

chart: {

type:'spline',//animation: Highcharts.svg, // don't animate in old IE

marginRight: 10,

events: {

load:function() {//set up the updating of the chart each second

var series = this.series[0];

setInterval(function() {var x = (new Date()).getTime(), //current time

y =;

series.addPoint([x, y], true, true);

},1000);

}

}

},

title:{

text:"JVM内存使用情况"},

xAxis: {

title:{

text:"时间"},

type:'datetime',

tickPixelInterval:150},

yAxis: {

title: {

text:'JVM 内存使用情况(M)'},

plotLines: [{

value:0,

width:1,

color:'#808080'}]

},

tooltip: {

formatter:function() {return ''+ this.series.name +'
'+Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) +'
'+Highcharts.numberFormat(this.y, 2);

}

},

legend: {

enabled:false},

exporting: {

enabled:false},

credits:{

enabled:false},

series: [{

name:'使用内存',

data: (function() {var data =[],

time= (newDate()).getTime(),

i;for (i = -19; i <= 0; i++) {

data.push({

x: time+ i * 1000,

y:

});

}returndata;

})()

}]

});

});

$("#pg").propertygrid();var row1 ={

name:'a.操作系统',

value:'',

group:'Marketing Settings'};

$('#pg').propertygrid('appendRow',row1);var row2 ={

name:'b.主机IP',

value:'',

group:'Marketing Settings'};

$('#pg').propertygrid('appendRow',row2);var row3 ={

name:'c.应用服务器',

value:'',

group:'Marketing Settings'};

$('#pg').propertygrid('appendRow',row3);var row4 ={

name:'d.监听端口',

value:'',

group:'Marketing Settings'};

$('#pg').propertygrid('appendRow',row4);var row5 ={

name:'e.Web根路径',

value:'',

group:'Marketing Settings'};

$('#pg').propertygrid('appendRow',row5);var row6 ={

name:'f.servlet版本',

value:'',

group:'Marketing Settings'};

$('#pg').propertygrid('appendRow',row6);var row7 ={

name:'g.JVM版本',

value:'',

group:'Marketing Settings'};

$('#pg').propertygrid('appendRow',row7);var row8 ={

name:'h.JVM提供商',

value:'',

group:'Marketing Settings'};

$('#pg').propertygrid('appendRow',row8);var row9 ={

name:'i.JVM 安装路径',

value:'',

group:'Marketing Settings'

//editor:"text"

};

$('#pg').propertygrid('appendRow',row9);var row10 ={

name:'j.JVM最大可用内存',

value:''+"M",

group:'Marketing Settings'};

$('#pg').propertygrid('appendRow',row10);

});