Better tooltips on top-level bits/packets charts.

This commit is contained in:
Herbert Wolverson
2023-07-10 18:26:54 +00:00
parent d21d7bc60a
commit 231d4c4a89
4 changed files with 76 additions and 50 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -132,7 +132,20 @@ export class PacketsChart implements Component {
this.myChart.setOption<echarts.EChartsOption>(
(option = {
title: { text: "Packets" },
tooltip: { trigger: "axis" },
tooltip: {
trigger: "axis",
formatter: function (params: any) {
let ret = "";
for (let i=0; i<params.length; i+=3) {
if (params[i+2].value > 0) {
ret += params[i+2].seriesName + ": " + scaleNumber(Math.abs(params[i+2].value)) + " ⬇️<br/>";
} else {
ret += params[i+2].seriesName + ": " + scaleNumber(Math.abs(params[i+2].value)) + " ⬆️<br/>";
}
}
return ret;
}
},
legend: {
orient: "horizontal",
right: 10,

View File

@@ -132,7 +132,20 @@ export class ThroughputChart implements Component {
this.myChart.setOption<echarts.EChartsOption>(
(option = {
title: { text: "Bits" },
tooltip: { trigger: "axis" },
tooltip: {
trigger: "axis",
formatter: function (params: any) {
let ret = "";
for (let i=0; i<params.length; i+=3) {
if (params[i+2].value > 0) {
ret += params[i+2].seriesName + ": " + scaleNumber(Math.abs(params[i+2].value)) + " ⬇️<br/>";
} else {
ret += params[i+2].seriesName + ": " + scaleNumber(Math.abs(params[i+2].value)) + " ⬆️<br/>";
}
}
return ret;
}
},
legend: {
orient: "horizontal",
right: 10,