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

Sankey is clickable to navigate to the circuit on the top/worst N charts.

Browse Source
This commit is contained in:
Herbert Wolverson 2024-07-25 16:17:10 -05:00
parent 699542501c
commit 726c4478f5
2 changed files with 23 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/rust/lqosd/src/node_manager/js_build/src/all_tree_sankey.js
View File

@ -32,7 +32,8 @@ class AllTreeSankey extends DashboardGraph {
this.option && this.chart.setOption(this.option);
this.chart.hideLoading();
this.chart.on('click', (params) => {
//console.log(params.name);
console.log(params.name);
console.log(this.nodeMap);
let name = params.name;
// If it contains a >, it's a link
if (name.indexOf(" > ") === -1) {

21
src/rust/lqosd/src/node_manager/js_build/src/graphs/top_n_sankey.js
View File

@ -4,6 +4,7 @@ import {lerpColor, lerpGreenToRedViaOrange, scaleNumber} from "../helpers/scalin
export class TopNSankey extends DashboardGraph {
constructor(id) {
super(id);
this.nodeMap = {};
this.option = {
series: [
{
@ -22,6 +23,23 @@ export class TopNSankey extends DashboardGraph {
this.option.series[0].links = links;
this.chart.hideLoading();
this.chart.setOption(this.option);
this.chart.on('click', (params) => {
let name = params.name;
// Trim to before " ("
name = name.substring(0, name.indexOf(" ("));
if (name.indexOf(" > ") === -1) {
if (this.nodeMap[name] !== undefined) {
window.location.href = "/circuit.html?id=" + encodeURI(this.nodeMap[name]);
}
} else {
let actualName = params.data.target;
actualName = actualName.substring(0, actualName.indexOf(" ("));
if (this.nodeMap[actualName] !== undefined) {
window.location.href = "/circuit.html?id=" + encodeURI(this.nodeMap[actualName]);
}
}
});
}
processMessage(msg) {
@ -33,7 +51,10 @@ export class TopNSankey extends DashboardGraph {
label: "Root",
});
this.nodeMap = {};
msg.data.forEach((r) => {
this.nodeMap[r.ip_address] = r.circuit_id;
let label = {
fontSize: 9,
color: "#999"