IntenseWebs/LibreQoS
3
0
Fork 0
mirror of https://github.com/LibreQoE/LibreQoS.git synced 2025-01-24 12:46:25 -06:00
Code Issues Packages Projects Releases Wiki Activity

Throughput graph is responsive, doesn't fill to zero on unshaped, and has an X-axis label.

Browse Source
This commit is contained in:
Herbert Wolverson 2023-01-07 16:37:48 +00:00
parent 66b5e822af
commit 939302af63
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/rust/lqos_node_manager/static/main.html
View File

@ -102,7 +102,7 @@
<div class="card bg-light">
<div class="card-body">
<h5 class="card-title"><i class="fa fa-hourglass"></i> Last 5 Minutes</h5>
<div id="tpGraph" style="height: 150px"></div>
<div id="tpGraph" style="min-height: 150px; width: 100%"></div>
</div>
</div>
</div>
@ -172,12 +172,12 @@
y4.push(0.0 - tp[i].shaped_bits_per_second[1]);
}
let data = [
{x: x, y:y, name: 'Download', type: 'scatter', fill: 'tozeroy'},
{x: x, y:y2, name: 'Upload', type: 'scatter', fill: 'tozeroy'},
{x: x, y:y, name: 'Download', type: 'scatter'},
{x: x, y:y2, name: 'Upload', type: 'scatter'},
{x: x, y:y3, name: 'Shaped Download', type: 'scatter', fill: 'tozeroy'},
{x: x, y:y4, name: 'Shaped Upload', type: 'scatter', fill: 'tozeroy'},
];
Plotly.newPlot(graph, data, { margin: { l:0,r:0,b:0,t:0,pad:4 }, yaxis: { automargin: true }, xaxis: {automargin: true} });
Plotly.newPlot(graph, data, { margin: { l:0,r:0,b:0,t:0,pad:4 }, yaxis: { automargin: true }, xaxis: {automargin: true, title: "Time since now (seconds)"} }, { responsive: true });
//console.log(tp);
setTimeout(updateThroughputGraph, 1000);
});