mirror of
https://github.com/LibreQoE/LibreQoS.git
synced 2025-02-25 18:55:32 -06:00
So 0 number of seconds is actually zero.
This commit is contained in:
@@ -303,17 +303,17 @@
|
||||
}
|
||||
let graph = document.getElementById("tinTp_" + tin);
|
||||
let graph_data = [
|
||||
{x: entries.x[0], y:entries.y[0], name: 'Download', type: 'scatter'},
|
||||
{x: entries.x[1], y:entries.y[1], name: 'Upload', type: 'scatter'},
|
||||
{x: entries.x[0], y:entries.y[0].reverse(), name: 'Download', type: 'scatter'},
|
||||
{x: entries.x[1], y:entries.y[1].reverse(), name: 'Upload', type: 'scatter'},
|
||||
];
|
||||
Plotly.newPlot(graph, graph_data, { margin: { l:0,r:0,b:0,t:0,pad:4 }, yaxis: { automargin: true }, xaxis: {automargin: true} });
|
||||
|
||||
graph = document.getElementById("tinMd_" + tin);
|
||||
graph_data = [
|
||||
{x: entries.x[2], y:entries.y[2], name: 'Down Drops', type: 'scatter'},
|
||||
{x: entries.x[3], y:entries.y[3], name: 'Down Marks', type: 'scatter'},
|
||||
{x: entries.x[4], y:entries.y[4], name: 'Up Drops', type: 'scatter'},
|
||||
{x: entries.x[5], y:entries.y[5], name: 'Up Marks', type: 'scatter'},
|
||||
{x: entries.x[2], y:entries.y[2].reverse(), name: 'Down Drops', type: 'scatter'},
|
||||
{x: entries.x[3], y:entries.y[3].reverse(), name: 'Down Marks', type: 'scatter'},
|
||||
{x: entries.x[4], y:entries.y[4].reverse(), name: 'Up Drops', type: 'scatter'},
|
||||
{x: entries.x[5], y:entries.y[5].reverse(), name: 'Up Marks', type: 'scatter'},
|
||||
];
|
||||
Plotly.newPlot(graph, graph_data, { margin: { l:0,r:0,b:0,t:0,pad:4 }, yaxis: { automargin: true }, xaxis: {automargin: true} });
|
||||
|
||||
@@ -328,34 +328,34 @@
|
||||
}
|
||||
let graph = document.getElementById("backlogGraph");
|
||||
let graph_data = [
|
||||
{x: backlogX1[0], y:backlogY1[0], type: 'scatter', name: 'Tin 0 Down'},
|
||||
{x: backlogX2[0], y:backlogY2[0], type: 'scatter', name: 'Tin 0 Up'},
|
||||
{x: backlogX1[1], y:backlogY1[1], type: 'scatter', name: 'Tin 1 Down'},
|
||||
{x: backlogX2[1], y:backlogY2[1], type: 'scatter', name: 'Tin 1 Up'},
|
||||
{x: backlogX1[2], y:backlogY1[2], type: 'scatter', name: 'Tin 2 Down'},
|
||||
{x: backlogX2[2], y:backlogY2[2], type: 'scatter', name: 'Tin 2 Up'},
|
||||
{x: backlogX1[3], y:backlogY1[3], type: 'scatter', name: 'Tin 3 Down'},
|
||||
{x: backlogX2[3], y:backlogY2[3], type: 'scatter', name: 'Tin 3 Up'},
|
||||
{x: backlogX1[0], y:backlogY1[0].reverse(), type: 'scatter', name: 'Tin 0 Down'},
|
||||
{x: backlogX2[0], y:backlogY2[0].reverse(), type: 'scatter', name: 'Tin 0 Up'},
|
||||
{x: backlogX1[1], y:backlogY1[1].reverse(), type: 'scatter', name: 'Tin 1 Down'},
|
||||
{x: backlogX2[1], y:backlogY2[1].reverse(), type: 'scatter', name: 'Tin 1 Up'},
|
||||
{x: backlogX1[2], y:backlogY1[2].reverse(), type: 'scatter', name: 'Tin 2 Down'},
|
||||
{x: backlogX2[2], y:backlogY2[2].reverse(), type: 'scatter', name: 'Tin 2 Up'},
|
||||
{x: backlogX1[3], y:backlogY1[3].reverse(), type: 'scatter', name: 'Tin 3 Down'},
|
||||
{x: backlogX2[3], y:backlogY2[3].reverse(), type: 'scatter', name: 'Tin 3 Up'},
|
||||
];
|
||||
Plotly.newPlot(graph, graph_data, { margin: { l:0,r:0,b:0,t:0,pad:4 }, yaxis: { automargin: true }, xaxis: {automargin: true} });
|
||||
|
||||
graph = document.getElementById("delayGraph");
|
||||
graph_data = [
|
||||
{x: delaysX1[0], y:delaysY1[0], type: 'scatter', name: 'Tin 0 Down'},
|
||||
{x: delaysX2[0], y:delaysY2[0], type: 'scatter', name: 'Tin 0 Up'},
|
||||
{x: delaysX1[1], y:delaysY1[1], type: 'scatter', name: 'Tin 1 Down'},
|
||||
{x: delaysX2[1], y:delaysY2[1], type: 'scatter', name: 'Tin 1 Up'},
|
||||
{x: delaysX1[2], y:delaysY1[2], type: 'scatter', name: 'Tin 2 Down'},
|
||||
{x: delaysX2[2], y:delaysY2[2], type: 'scatter', name: 'Tin 2 Up'},
|
||||
{x: delaysX1[3], y:delaysY1[3], type: 'scatter', name: 'Tin 3 Down'},
|
||||
{x: delaysX2[3], y:delaysY2[3], type: 'scatter', name: 'Tin 3 Up'},
|
||||
{x: delaysX1[0], y:delaysY1[0].reverse(), type: 'scatter', name: 'Tin 0 Down'},
|
||||
{x: delaysX2[0], y:delaysY2[0].reverse(), type: 'scatter', name: 'Tin 0 Up'},
|
||||
{x: delaysX1[1], y:delaysY1[1].reverse(), type: 'scatter', name: 'Tin 1 Down'},
|
||||
{x: delaysX2[1], y:delaysY2[1].reverse(), type: 'scatter', name: 'Tin 1 Up'},
|
||||
{x: delaysX1[2], y:delaysY1[2].reverse(), type: 'scatter', name: 'Tin 2 Down'},
|
||||
{x: delaysX2[2], y:delaysY2[2].reverse(), type: 'scatter', name: 'Tin 2 Up'},
|
||||
{x: delaysX1[3], y:delaysY1[3].reverse(), type: 'scatter', name: 'Tin 3 Down'},
|
||||
{x: delaysX2[3], y:delaysY2[3].reverse(), type: 'scatter', name: 'Tin 3 Up'},
|
||||
];
|
||||
Plotly.newPlot(graph, graph_data, { margin: { l:0,r:0,b:0,t:0,pad:4 }, yaxis: { automargin: true }, xaxis: {automargin: true} });
|
||||
|
||||
graph = document.getElementById("qlenGraph");
|
||||
graph_data = [
|
||||
{x: qlenX1, y:qlenY1, type: 'scatter', name: 'Down'},
|
||||
{x: qlenX2, y:qlenY2, type: 'scatter', name: 'Up'},
|
||||
{x: qlenX1, y:qlenY1.reverse(), type: 'scatter', name: 'Down'},
|
||||
{x: qlenX2, y:qlenY2.reverse(), type: 'scatter', name: 'Up'},
|
||||
];
|
||||
Plotly.newPlot(graph, graph_data, { margin: { l:0,r:0,b:0,t:0,pad:4 }, yaxis: { automargin: true }, xaxis: {automargin: true} });
|
||||
});
|
||||
@@ -432,8 +432,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
graph_data.push({x: xDown, y: yDown, name: ip + " Down", type: 'scatter'});
|
||||
graph_data.push({x: xUp, y: yUp, name: ip + " Up", type: 'scatter'});
|
||||
graph_data.push({x: xDown, y: yDown.reverse(), name: ip + " Down", type: 'scatter'});
|
||||
graph_data.push({x: xUp, y: yUp.reverse(), name: ip + " Up", type: 'scatter'});
|
||||
}
|
||||
Plotly.newPlot(graph, graph_data, { margin: { l:0,r:0,b:0,t:0,pad:4 }, yaxis: { automargin: true }, xaxis: {automargin: true} });
|
||||
throughput_head += 1;
|
||||
|
||||
@@ -296,7 +296,7 @@ class RingBuffer {
|
||||
for (var i = 0; i < capacity; ++i) {
|
||||
this.download.push(0.0);
|
||||
this.upload.push(0.0);
|
||||
this.x_axis.push(i);
|
||||
this.x_axis.push(capacity - i);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user