m26508134
/
docklet
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

add rate graph

This commit is contained in:
Firmlyzhu 2017-12-05 17:04:50 +08:00
parent 911e7b2f6e
commit 8e63b80ed2
2 changed files with 22 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
web/static/js/plot_monitor.js
View File

@ -1,8 +1,8 @@
var mem_usedp = 0;
var cpu_usedp = 0;
var is_running = true;
var ingress_rate_p = 0;
var egress_rate_p = 0;
var ingress_rate = 0;
var egress_rate = 0;
var ingress_rate_limit = 0;
var egress_rate_limit = 0;
@ -54,9 +54,17 @@ function getCpuY()
return cpu_usedp*100;
}
function processIngressRate(data)
function processRate(data)
{
}
function getIngressRateP()
{
//alert(ingress_rate*8 / 1000.0);
return ingress_rate * 8 / 1000.0;
}
function getEgressRateP()
{
return egress_rate * 8 / 1000.0;
}
function plot_graph(container,url,processData,getY,fetchdata=true, maxy=110) {
@ -100,7 +108,7 @@ function plot_graph(container,url,processData,getY,fetchdata=true, maxy=110) {
if(fetchdata)
$.post(url,{},processData,"json");
var y = getY();
data.push(y < 0 ? 0 : y > 100 ? 100 : y);
data.push(y < 0 ? 0 : y > maxy ? maxy : y);
}
// zip the generated y values with the x values
@ -237,12 +245,14 @@ function processBasicInfo()
var secs = Math.floor(total % 3600 % 60);
$("#con_time").html(hour+"h "+min+"m "+secs+"s");
$("#con_billing").html("<a target='_blank' title='How to figure out it?' href='https://unias.github.io/docklet/book/en/billing/billing.html'>"+basic_info.billing+" <img src='/static/img/bean.png' /></a>");
$("#con_billingthishour").html("<a target='_blank' title='How to figure out it?' href='https://unias.github.io/docklet/book/en/billing/billing.html'>"+basic_info.billing_this_hour+" <img src='/static/img/bean.png' /></a>");
$("#con_billingthishour").html("<a target='_blank' title='How to figure out it?' href='https://unias.github.io/docklet/book/en/billing/billing.html'>"+basic_info.billing_this_hour.total+" <img src='/static/img/bean.png' /></a>");
},"json");
$.post(url+"/net_stats/",{},function(data){
var net_stats = data.monitor.net_stats;
var in_rate = parseInt(net_stats.bytes_recv_per_sec);
var out_rate = parseInt(net_stats.bytes_sent_per_sec);
ingress_rate = in_rate;
egress_rate = out_rate;
$("#net_in_rate").html(num2human(in_rate)+"Bps");
$("#net_out_rate").html(num2human(out_rate)+"Bps");
$("#net_in_bytes").html(num2human(net_stats.bytes_recv)+"B");
@ -261,9 +271,10 @@ function plot_net(host,monitorurl)
var url = "http://" + host + "/user/selfQuery/";
$.post(url,{},function(data){
var input_rate_limit = data.groupinfo.input_rate_limit;
var output_rate_limit = data.groupinfo.output_rate_limit;
plot_graph($("#ingress-chart"), monitorurl,)
ingress_rate_limit = parseInt(data.groupinfo.input_rate_limit);
egress_rate_limit = parseInt(data.groupinfo.output_rate_limit);
plot_graph($("#ingress-chart"), monitorurl, processRate, getIngressRateP,false,ingress_rate_limit*1.5);
plot_graph($("#egress-chart"), monitorurl, processRate, getEgressRateP,false,egress_rate_limit*1.5);
},"json");
}

4
web/templates/monitor/statusRealtime.html
View File

@ -63,8 +63,8 @@
<td id='con_cpu'>--</td>
<td id='con_mem'>--</td>
<td id='con_disk'>--</td>
<td id='con_billing'><a target='_blank' title='How to figure out it?' href='https://unias.github.io/docklet/book/en/billing/billing.html'>{{ container['billing'] }} <img src='/static/img/bean.png' /></a></td>
<td id='con_billingthishour'><a target='_blank' title='How to figure out it?' href='https://unias.github.io/docklet/book/en/billing/billing.html'>{{ container['billing_this_hour'] }} <img src='/static/img/bean.png' /></a></td>
<td id='con_billing'>--</td>
<td id='con_billingthishour'>--</td>
</tr>
</tbody>
</table>