mirror of
https://github.com/LibreQoE/LibreQoS.git
synced 2025-02-25 18:55:32 -06:00
Tooltips everywhere, smaller font for the displayed heat maps.
This commit is contained in:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -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,
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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)',
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user