You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
/* javascript */
|
|
|
|
var vm = new Vue({
|
|
|
|
el: '#app',
|
|
|
|
data: {
|
|
|
|
name: name,
|
|
|
|
pid: '-',
|
|
|
|
childPids: [],
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
var maxDataCount = 30;
|
|
|
|
var ws = newWebsocket('/ws/perfs/' + name, {
|
|
|
|
onopen: function(evt) {
|
|
|
|
console.log(evt);
|
|
|
|
},
|
|
|
|
onmessage: function(evt) {
|
|
|
|
var data = JSON.parse(evt.data);
|
|
|
|
vm.pid = data.pid;
|
|
|
|
vm.childPids = data.pids;
|
|
|
|
console.log("pid", data.pid, data); //evt.data.pid);
|
|
|
|
if (memData && data.rss) {
|
|
|
|
memData.push({
|
|
|
|
value: [new Date(), data.rss],
|
|
|
|
})
|
|
|
|
if (memData.length > maxDataCount) {
|
|
|
|
memData.shift();
|
|
|
|
}
|
|
|
|
chartMem.setOption({
|
|
|
|
series: [{
|
|
|
|
data: memData,
|
|
|
|
}]
|
|
|
|
});
|
|
|
|
}
|
|
|
|
if (cpuData && data.pcpu !== undefined) {
|
|
|
|
cpuData.push({
|
|
|
|
value: [new Date(), data.pcpu],
|
|
|
|
})
|
|
|
|
if (cpuData.length > maxDataCount) {
|
|
|
|
cpuData.shift();
|
|
|
|
}
|
|
|
|
chartCpu.setOption({
|
|
|
|
series: [{
|
|
|
|
data: cpuData,
|
|
|
|
}]
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})
|