From d37f5ec1d0c28412ea1d40db0d3cd15bce90e159 Mon Sep 17 00:00:00 2001
From: chenjinsong <523037378@qq.com>
Date: Fri, 16 Jul 2021 10:56:04 +0800
Subject: [PATCH] =?UTF-8?q?CN-53=20feat:=20=E5=9C=B0=E5=9B=BE=E5=8F=98?=
 =?UTF-8?q?=E6=9B=B4=EF=BC=8C7.12=E4=BE=8B=E4=BC=9A=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/charts/Chart.vue | 25 ++++++++++++++++++-------
 1 file changed, 18 insertions(+), 7 deletions(-)

diff --git a/src/views/charts/Chart.vue b/src/views/charts/Chart.vue
index 0a3e914f..12fc05d2 100644
--- a/src/views/charts/Chart.vue
+++ b/src/views/charts/Chart.vue
@@ -261,11 +261,21 @@ export default {
         }
       }
     },
-    getTitle (data) {
-      return `Server: ${data.serverRegion ? data.serverRegion : data.serverCountry}
-          Client: ${data.clientRegion ? data.clientRegion : data.clientCountry}
-          Sessions: ${data.sessions}
-          Bytes: ${shortFormatter(data.bytes)}`
+    getTitle (r) {
+      let title = ''
+      if (r.establishLatency || r.httpResponseLatency || r.sslConLatency) {
+        title = `${title}: ${shortFormatter(r.establishLatency || r.httpResponseLatency || r.sslConLatency)} ms`
+      }
+      if (r.sequenceGapLossPercent || r.pktRetransPercent) {
+        title = `${title}: ${shortFormatter(r.sequenceGapLossPercent || r.pktRetransPercent)} %`
+      }
+      if (r.sessions) {
+        title = `${title}\nSessions: ${shortFormatter(r.sessions)}`
+      }
+      if (r.bytes) {
+        title = `${title}\nBytes: ${shortFormatter(r.bytes)}`
+      }
+      return title
     },
     changeTab (tab) {
       this.activeTab = tab.paneName
@@ -378,11 +388,12 @@ export default {
             polygonSeries.data = response.data.result.map(r => {
               return {
                 id: r.serverId,
-                value: r.establishLatency || r.httpResponseLatency || r.sslConLatency || r.sequenceGapLossPercent || r.pktRetransPercent
+                title: this.getTitle(r),
+                value: r.establishLatency || r.httpResponseLatency || r.sslConLatency || r.sequenceGapLossPercent || r.pktRetransPercent || r.sessions
               }
             })
             const polygonTemplate = polygonSeries.mapPolygons.template
-            polygonTemplate.tooltipText = '{name}: {value}'
+            polygonTemplate.tooltipText = '{name}{title}'
             // polygonTemplate.numberFormatter = new am4Core.NumberFormatter().bigNumberPrefixes
             polygonTemplate.nonScalingStroke = true
             polygonTemplate.strokeWidth = 0.5