IntenseWebs/LibreQoS
3
0
Fork 0
mirror of https://github.com/LibreQoE/LibreQoS.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

RTT graph lerping

Browse Source
This commit is contained in:
Herbert Wolverson
2024-06-21 14:19:50 -05:00
parent 6ce2576d98
commit f5cef3bbfb
1 changed files with 22 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/rust/lqosd/src/node_manager/js_build/src/graphs/rtt_histo.js
View File

@@ -6,7 +6,10 @@ export class RttHistogram extends DashboardGraph {
let d = [];
let axis = [];
for (let i=0; i<20; i++) {
d.push(i);
d.push({
value: i,
itemStyle: {color: lerpGreenToRedViaOrange(20-i, 20)},
});
axis.push(i.toString());
}
this.option = {
@@ -19,7 +22,7 @@ export class RttHistogram extends DashboardGraph {
},
series: {
data: d,
type: 'bar'
type: 'bar',
}
};
this.option && this.chart.setOption(this.option);
@@ -27,7 +30,23 @@ export class RttHistogram extends DashboardGraph {
update(rtt) {
this.chart.hideLoading();
this.option.series.data = rtt;
for (let i=0; i<20; i++) {
this.option.series.data[i].value = rtt[i];
}
this.chart.setOption(this.option);
}
}
function lerpGreenToRedViaOrange(value, max) {
let r = 0;
let g = 0;
let b = 0;
if (value < max / 2) {
r = 255;
g = Math.floor(255 * value / (max / 2));
} else {
r = Math.floor(255 * (max - value) / (max / 2));
g = 255;
}
return `rgb(${r}, ${g}, ${b})`;
}