完善客户端的服务器情况
This commit is contained in:
parent
ae3d3349a0
commit
9da44bb452
@ -137,7 +137,19 @@
|
|||||||
text: 'CPU使用情况(%)'
|
text: 'CPU使用情况(%)'
|
||||||
},
|
},
|
||||||
tooltip: {
|
tooltip: {
|
||||||
trigger: 'axis'
|
trigger: 'axis',
|
||||||
|
formatter: function(params, ticket, callback) {
|
||||||
|
var result = '';
|
||||||
|
for(var i = 0, item; item = params[i++];) {
|
||||||
|
if(result.length == 0) {
|
||||||
|
result += (item.name + '<br/>');
|
||||||
|
} else {
|
||||||
|
result += '<br/>';
|
||||||
|
}
|
||||||
|
result += (item.marker + item.seriesName + ': '+ item.data +'%');
|
||||||
|
}
|
||||||
|
return result;
|
||||||
|
}
|
||||||
},
|
},
|
||||||
legend: {
|
legend: {
|
||||||
data: ['系统使用率', '用户使用率', '空闲率', '等待率']
|
data: ['系统使用率', '用户使用率', '空闲率', '等待率']
|
||||||
@ -151,10 +163,22 @@
|
|||||||
xAxis: {
|
xAxis: {
|
||||||
type: 'category',
|
type: 'category',
|
||||||
boundaryGap: false,
|
boundaryGap: false,
|
||||||
data: xDataTimeArray
|
splitLine: {
|
||||||
|
show: true,
|
||||||
|
lineStyle: {
|
||||||
|
type: 'dotted',
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data: xDataTimeArray,
|
||||||
},
|
},
|
||||||
yAxis: {
|
yAxis: {
|
||||||
type: 'value'
|
type: 'value',
|
||||||
|
splitLine: {
|
||||||
|
show: true,
|
||||||
|
lineStyle: {
|
||||||
|
type: 'dotted',
|
||||||
|
}
|
||||||
|
},
|
||||||
},
|
},
|
||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
@ -198,7 +222,19 @@
|
|||||||
text: '内存使用情况(GB)'
|
text: '内存使用情况(GB)'
|
||||||
},
|
},
|
||||||
tooltip: {
|
tooltip: {
|
||||||
trigger: 'axis'
|
trigger: 'axis',
|
||||||
|
formatter: function(params, ticket, callback) {
|
||||||
|
var result = '';
|
||||||
|
for(var i = 0, item; item = params[i++];) {
|
||||||
|
if(result.length == 0) {
|
||||||
|
result += (item.name + '<br/>');
|
||||||
|
} else {
|
||||||
|
result += '<br/>';
|
||||||
|
}
|
||||||
|
result += (item.marker + item.seriesName + ': '+ item.data +'GB');
|
||||||
|
}
|
||||||
|
return result;
|
||||||
|
}
|
||||||
},
|
},
|
||||||
legend: {
|
legend: {
|
||||||
data: ['总量', '使用量', '空闲量']
|
data: ['总量', '使用量', '空闲量']
|
||||||
@ -212,10 +248,22 @@
|
|||||||
xAxis: {
|
xAxis: {
|
||||||
type: 'category',
|
type: 'category',
|
||||||
boundaryGap: false,
|
boundaryGap: false,
|
||||||
|
splitLine: {
|
||||||
|
show: true,
|
||||||
|
lineStyle: {
|
||||||
|
type: 'dotted',
|
||||||
|
}
|
||||||
|
},
|
||||||
data: xDataTimeArray
|
data: xDataTimeArray
|
||||||
},
|
},
|
||||||
yAxis: {
|
yAxis: {
|
||||||
type: 'value'
|
type: 'value',
|
||||||
|
splitLine: {
|
||||||
|
show: true,
|
||||||
|
lineStyle: {
|
||||||
|
type: 'dotted',
|
||||||
|
}
|
||||||
|
},
|
||||||
},
|
},
|
||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
@ -254,7 +302,19 @@
|
|||||||
text: 'JVM使用情况(MB)'
|
text: 'JVM使用情况(MB)'
|
||||||
},
|
},
|
||||||
tooltip: {
|
tooltip: {
|
||||||
trigger: 'axis'
|
trigger: 'axis',
|
||||||
|
formatter: function(params, ticket, callback) {
|
||||||
|
var result = '';
|
||||||
|
for(var i = 0, item; item = params[i++];) {
|
||||||
|
if(result.length == 0) {
|
||||||
|
result += (item.name + '<br/>');
|
||||||
|
} else {
|
||||||
|
result += '<br/>';
|
||||||
|
}
|
||||||
|
result += (item.marker + item.seriesName + ': '+ item.data +'MB');
|
||||||
|
}
|
||||||
|
return result;
|
||||||
|
}
|
||||||
},
|
},
|
||||||
legend: {
|
legend: {
|
||||||
data: ['初始值', '最大值', '使用值']
|
data: ['初始值', '最大值', '使用值']
|
||||||
@ -268,10 +328,22 @@
|
|||||||
xAxis: {
|
xAxis: {
|
||||||
type: 'category',
|
type: 'category',
|
||||||
boundaryGap: false,
|
boundaryGap: false,
|
||||||
|
splitLine: {
|
||||||
|
show: true,
|
||||||
|
lineStyle: {
|
||||||
|
type: 'dotted',
|
||||||
|
}
|
||||||
|
},
|
||||||
data: xDataTimeArray
|
data: xDataTimeArray
|
||||||
},
|
},
|
||||||
yAxis: {
|
yAxis: {
|
||||||
type: 'value'
|
type: 'value',
|
||||||
|
splitLine: {
|
||||||
|
show: true,
|
||||||
|
lineStyle: {
|
||||||
|
type: 'dotted',
|
||||||
|
}
|
||||||
|
},
|
||||||
},
|
},
|
||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
|
Loading…
Reference in New Issue
Block a user