流量显示优化

pull/518/head
Mr Chen 1 year ago
parent 8f80336901
commit b5d28b4ef2
  1. 4
      class/core/system_api.py
  2. 62
      route/static/app/index.js
  3. 2
      route/static/app/public.js

@ -558,9 +558,9 @@ class system_api:
networkInfo['upTotal'] = networkIo[0] networkInfo['upTotal'] = networkIo[0]
networkInfo['downTotal'] = networkIo[1] networkInfo['downTotal'] = networkIo[1]
networkInfo['up'] = round(float( networkInfo['up'] = round(float(
networkIo[0] - session['up']) / 1024 / (ntime - session['otime']), 2) networkIo[0] - session['up']) / (ntime - session['otime']), 2)
networkInfo['down'] = round( networkInfo['down'] = round(
float(networkIo[1] - session['down']) / 1024 / (ntime - session['otime']), 2) float(networkIo[1] - session['down']) / (ntime - session['otime']), 2)
networkInfo['downPackets'] = networkIo[3] networkInfo['downPackets'] = networkIo[3]
networkInfo['upPackets'] = networkIo[2] networkInfo['upPackets'] = networkIo[2]

@ -29,6 +29,7 @@ $(function() {
} }
}); });
}); });
//获取负载 //获取负载
function getLoad(data) { function getLoad(data) {
$("#LoadList .mask").html("<span id='Load' style='font-size:14px'>获取中..</span>"); $("#LoadList .mask").html("<span id='Load' style='font-size:14px'>获取中..</span>");
@ -83,18 +84,17 @@ function showCpuTips(rdata){
$('#cpuChart .mask').unbind(); $('#cpuChart .mask').unbind();
$('#cpuChart .mask').hover(function() { $('#cpuChart .mask').hover(function() {
var cpuText = ''; var cpuText = '';
if (rdata.cpu[2].length == 1){ if (rdata.cpu[2].length == 1){
var cpuUse = parseFloat(rdata.cpu[2][0] == 0 ? 0 : rdata.cpu[2][0]).toFixed(1); var cpuUse = parseFloat(rdata.cpu[2][0] == 0 ? 0 : rdata.cpu[2][0]).toFixed(1);
cpuText += 'CPU-1:' + cpuUse + '%' cpuText += 'CPU-1:' + cpuUse + '%';
} else { } else {
for (var i = 1; i < rdata.cpu[2].length + 1; i++) { for (var i = 1; i < rdata.cpu[2].length + 1; i++) {
var cpuUse = parseFloat(rdata.cpu[2][i - 1] == 0 ? 0 : rdata.cpu[2][i - 1]).toFixed(1); var cpuUse = parseFloat(rdata.cpu[2][i - 1] == 0 ? 0 : rdata.cpu[2][i - 1]).toFixed(1);
if (i % 2 != 0) { if (i % 2 != 0) {
cpuText += 'CPU-' + i + ':' + cpuUse + '%&nbsp;|&nbsp;' cpuText += 'CPU-' + i + ':' + cpuUse + '%&nbsp;|&nbsp;';
} else { } else {
cpuText += 'CPU-' + i + ':' + cpuUse + '%' cpuText += 'CPU-' + i + ':' + cpuUse + '%';
cpuText += '\n' cpuText += '\n';
} }
} }
} }
@ -109,6 +109,7 @@ function rocket(sum, m) {
var n = sum - m; var n = sum - m;
$(".mem-release").find(".mask span").text(n); $(".mem-release").find(".mask span").text(n);
} }
//释放内存 //释放内存
function reMemory() { function reMemory() {
setTimeout(function() { setTimeout(function() {
@ -281,8 +282,8 @@ function getNet() {
var up, down; var up, down;
$.get("/system/network", function(net) { $.get("/system/network", function(net) {
$("#InterfaceSpeed").html(lan.index.interfacespeed + ": 1.0Gbps"); $("#InterfaceSpeed").html(lan.index.interfacespeed + ": 1.0Gbps");
$("#upSpeed").html(net.up + ' KB'); $("#upSpeed").html(toSize(net.up));
$("#downSpeed").html(net.down + ' KB'); $("#downSpeed").html(toSize(net.down));
$("#downAll").html(toSize(net.downTotal)); $("#downAll").html(toSize(net.downTotal));
$("#downAll").attr('title', lan.index.package + ':' + net.downPackets) $("#downAll").attr('title', lan.index.package + ':' + net.downPackets)
$("#upAll").html(toSize(net.upTotal)); $("#upAll").html(toSize(net.upTotal));
@ -303,7 +304,7 @@ function getNet() {
//网络Io //网络Io
function netImg() { function netImg() {
var myChartNetwork = echarts.init(document.getElementById('netImg')); var echartsNetImg = echarts.init(document.getElementById('netImg'));
var xData = []; var xData = [];
var yData = []; var yData = [];
var zData = []; var zData = [];
@ -333,10 +334,27 @@ function netImg() {
return ts(h) + ':' + ts(mm) + ':' + ts(s); return ts(h) + ':' + ts(mm) + ':' + ts(s);
} }
var default_unit = 'KB/s';
function addData(shift) { function addData(shift) {
xData.push(getTime()); xData.push(getTime());
yData.push(getCookie("upNet"));
zData.push(getCookie("downNet")); if (getCookie("upNet") > getCookie("downNet") ){
tmp = getCookie("upNet");
} else {
tmp = getCookie("downNet");
}
var tmpSize = toSize(tmp);
default_unit = tmpSize.split(' ')[1];
var upNetTmp = toSize(getCookie("upNet"));
var downNetTmp = toSize(getCookie("downNet"));
var upNetTmpSize = upNetTmp.split(' ')[0];
var downNetTmp = downNetTmp.split(' ')[0]
yData.push(upNetTmpSize);
zData.push(downNetTmp);
if (shift) { if (shift) {
xData.shift(); xData.shift();
yData.shift(); yData.shift();
@ -379,7 +397,7 @@ function netImg() {
} }
}, },
yAxis: { yAxis: {
name: lan.index.unit + 'KB/s', name: '单位 '+ default_unit,
splitLine: { splitLine: {
lineStyle: { lineStyle: {
color: "#eee" color: "#eee"
@ -392,7 +410,7 @@ function netImg() {
} }
}, },
series: [{ series: [{
name: lan.index.net_up, name: '上行',
type: 'line', type: 'line',
data: yData, data: yData,
smooth: true, smooth: true,
@ -420,8 +438,9 @@ function netImg() {
width: 1 width: 1
} }
} }
}, { },
name: lan.index.net_down, {
name: '下行',
type: 'line', type: 'line',
data: zData, data: zData,
smooth: true, smooth: true,
@ -432,21 +451,21 @@ function netImg() {
normal: { normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0, offset: 0,
color: 'rgba(30, 144, 255,0.5)' color: 'rgba(30, 144, 255,0.5)',
}, { }, {
offset: 1, offset: 1,
color: 'rgba(30, 144, 255,0.8)' color: 'rgba(30, 144, 255,0.8)',
}], false) }], false)
} }
}, },
itemStyle: { itemStyle: {
normal: { normal: {
color: '#52a9ff' color: '#52a9ff',
} }
}, },
lineStyle: { lineStyle: {
normal: { normal: {
width: 1 width: 1,
} }
} }
}] }]
@ -454,7 +473,7 @@ function netImg() {
setInterval(function() { setInterval(function() {
getNet(); getNet();
addData(true); addData(true);
myChartNetwork.setOption({ echartsNetImg.setOption({
xAxis: { xAxis: {
data: xData data: xData
}, },
@ -467,10 +486,11 @@ function netImg() {
}] }]
}); });
}, 3000); }, 3000);
// 使用刚指定的配置项和数据显示图表。 // 使用刚指定的配置项和数据显示图表。
myChartNetwork.setOption(option); echartsNetImg.setOption(option);
window.addEventListener("resize", function() { window.addEventListener("resize", function() {
myChartNetwork.resize(); echartsNetImg.resize();
}); });
} }

@ -12,7 +12,7 @@ function toSize(a) {
if(a < e) { if(a < e) {
return(b == 0 ? a : a.toFixed(2)) + d[b] return(b == 0 ? a : a.toFixed(2)) + d[b]
} }
a /= e a /= e;
} }
} }

Loading…
Cancel
Save