From 241e29f7056a328fc980dc9f6e22ae1bd57c8c06 Mon Sep 17 00:00:00 2001
From: 648540858 <648540858@qq.com>
Date: 星期日, 04 八月 2024 20:36:50 +0800
Subject: [PATCH] Merge pull request #1557 from ZhaoYandong00/patch-3
---
web_src/src/components/console/ConsoleNet.vue | 46 ++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 44 insertions(+), 2 deletions(-)
diff --git a/web_src/src/components/console/ConsoleNet.vue b/web_src/src/components/console/ConsoleNet.vue
index 22d4f34..e013680 100755
--- a/web_src/src/components/console/ConsoleNet.vue
+++ b/web_src/src/components/console/ConsoleNet.vue
@@ -1,6 +1,6 @@
<template>
<div id="ConsoleNet" style="width: 100%; height: 100%; background: #FFFFFF; text-align: center">
- <ve-line ref="ConsoleNet" :data="chartData" :extend="extend" :settings="chartSettings" width="100%" height="100%" ></ve-line>
+ <ve-line ref="ConsoleNet" :data="chartData" :extend="extend" :settings="chartSettings" :events="chartEvents" width="100%" height="100%" ></ve-line>
</div>
</template>
@@ -59,12 +59,54 @@
tooltip: {
trigger: 'axis',
formatter: (data)=>{
- return data[1].marker + "涓嬭浇锛�" + parseFloat(data[1].data[1]).toFixed(2) + "Mbps" + "</br> "+ data[0].marker +" 涓婁紶锛�" + parseFloat(data[0].data[1]).toFixed(2) + "Mbps";
+ let in_sel = true;
+ let out_sel = true;
+ for (let key in this.extend.legend.selected) {
+ if (key == "涓婁紶") {
+ out_sel = this.extend.legend.selected[key];
+ }
+ if (key == "涓嬭浇") {
+ in_sel = this.extend.legend.selected[key];
+ }
+ }
+ if (out_sel && in_sel) {
+ return (
+ data[1].marker +
+ "涓嬭浇锛�" +
+ parseFloat(data[1].data[1]).toFixed(2) +
+ "Mbps" +
+ "</br> " +
+ data[0].marker +
+ "涓婁紶锛�" +
+ parseFloat(data[0].data[1]).toFixed(2) +
+ "Mbps"
+ );
+ } else if (out_sel)
+ return (
+ data[0].marker +
+ "涓婁紶锛�" +
+ parseFloat(data[0].data[1]).toFixed(2) +
+ "Mbps"
+ );
+ else if (in_sel)
+ return (
+ data[0].marker +
+ "涓嬭浇锛�" +
+ parseFloat(data[0].data[1]).toFixed(2) +
+ "Mbps"
+ );
+ return "";
}
},
legend: {
left: "center",
bottom: "15px",
+ selected: {},
+ }
+ }
+ chartEvents: {
+ legendselectchanged: (item) => {
+ this.extend.legend.selected = item.selected;
}
}
};
--
Gitblit v1.8.0