Tooltips everywhere, smaller font for the displayed heat maps.

This commit is contained in:
Herbert Wolverson
2023-06-14 19:11:09 +00:00
parent 3fc3dce54c
commit ccb41c5de2
17 changed files with 23 additions and 10 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

@@ -71,6 +71,7 @@ export class NodeCpuChart implements Component {
this.myChart.setOption<echarts.EChartsOption>(
(option = {
title: { text: "CPU Usage" },
tooltip: { trigger: "axis" },
legend: {
orient: "horizontal",
right: 10,

View File

@@ -62,6 +62,7 @@ export class NodeRamChart implements Component {
this.myChart.setOption<echarts.EChartsOption>(
(option = {
title: { text: "RAM Usage" },
tooltip: { trigger: "axis" },
legend: {
orient: "horizontal",
right: 10,

View File

@@ -132,6 +132,7 @@ export class PacketsChart implements Component {
this.myChart.setOption<echarts.EChartsOption>(
(option = {
title: { text: "Packets" },
tooltip: { trigger: "axis" },
legend: {
orient: "horizontal",
right: 10,

View File

@@ -136,6 +136,7 @@ export class PacketsChartSingle implements Component {
this.myChart.setOption<echarts.EChartsOption>(
(option = {
title: { text: "Packets" },
tooltip: { trigger: "axis" },
legend: {
orient: "horizontal",
right: 10,

View File

@@ -62,11 +62,11 @@ export class RootHeat implements Component {
name: categories[i],
type: 'heatmap',
data: data,
label: { show: true },
label: { show: true, textStyle: { fontSize: 6 } },
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowColor: 'rgba(0, 0, 0, 0.5)'
shadowColor: 'rgba(0, 0, 0, 0.5)',
}
}
})

View File

@@ -89,6 +89,7 @@ export class RttChartCircuit implements Component {
this.myChart.setOption<echarts.EChartsOption>(
(option = {
title: { text: "TCP Round-Trip Time" },
tooltip: { trigger: "axis" },
legend: {
orient: "horizontal",
right: 10,

View File

@@ -87,6 +87,7 @@ export class RttChart implements Component {
this.myChart.setOption<echarts.EChartsOption>(
(option = {
title: { text: "TCP Round-Trip Time" },
tooltip: { trigger: "axis" },
legend: {
orient: "horizontal",
right: 10,

View File

@@ -91,6 +91,7 @@ export class RttChartSingle implements Component {
this.myChart.setOption<echarts.EChartsOption>(
(option = {
title: { text: "TCP Round-Trip Time" },
tooltip: { trigger: "axis" },
legend: {
orient: "horizontal",
right: 10,

View File

@@ -89,6 +89,7 @@ export class RttChartSite implements Component {
this.myChart.setOption<echarts.EChartsOption>(
(option = {
title: { text: "TCP Round-Trip Time" },
tooltip: { trigger: "axis" },
legend: {
orient: "horizontal",
right: 10,

View File

@@ -66,7 +66,7 @@ export class SiteHeat implements Component {
name: categories[i],
type: 'heatmap',
data: data,
label: { show: true },
label: { show: true, textStyle: { fontSize: 6 } },
emphasis: {
itemStyle: {
shadowBlur: 10,

View File

@@ -96,6 +96,7 @@ export class SiteStackChart implements Component {
this.myChart.setOption<echarts.EChartsOption>(
(option = {
title: { text: "Child Node Throughput (Bits)" },
tooltip: { trigger: "axis" },
legend: {
orient: "vertical",
right: 0,

View File

@@ -132,6 +132,7 @@ export class ThroughputChart implements Component {
this.myChart.setOption<echarts.EChartsOption>(
(option = {
title: { text: "Bits" },
tooltip: { trigger: "axis" },
legend: {
orient: "horizontal",
right: 10,

View File

@@ -134,6 +134,7 @@ export class ThroughputCircuitChart implements Component {
this.myChart.setOption<echarts.EChartsOption>(
(option = {
title: { text: "Bits" },
tooltip: { trigger: "axis" },
legend: {
orient: "horizontal",
right: 10,

View File

@@ -136,6 +136,7 @@ export class ThroughputChartSingle implements Component {
this.myChart.setOption<echarts.EChartsOption>(
(option = {
title: { text: "Bits" },
tooltip: { trigger: "axis" },
legend: {
orient: "horizontal",
right: 10,

View File

@@ -134,6 +134,7 @@ export class ThroughputSiteChart implements Component {
this.myChart.setOption<echarts.EChartsOption>(
(option = {
title: { text: "Bits" },
tooltip: { trigger: "axis" },
legend: {
orient: "horizontal",
right: 10,