From 22dc4b2dcd326f7db2afa4800f65a00733c76b06 Mon Sep 17 00:00:00 2001
From: zhangyu <zhangyu@geedgenetworks.com>
Date: Mon, 27 Dec 2021 14:40:23 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E4=BF=AE=E6=94=B9=20chartMap=20too?=
 =?UTF-8?q?ltip=E6=98=BE=E7=A4=BA=E4=B8=8D=E6=AD=A3=E7=A1=AE=E7=9A=84?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 nezha-fronted/src/components/chart/chart/chartMap.vue | 9 +++++----
 nezha-fronted/src/components/chart/chartList.vue      | 6 ++++--
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/nezha-fronted/src/components/chart/chart/chartMap.vue b/nezha-fronted/src/components/chart/chart/chartMap.vue
index c22ef694a..f28bab69f 100644
--- a/nezha-fronted/src/components/chart/chart/chartMap.vue
+++ b/nezha-fronted/src/components/chart/chart/chartMap.vue
@@ -178,6 +178,7 @@ export default {
       })
     },
     mapTooltipFormatter (dcStat) {
+      const self = this
       return `<div class="tooltip" style="z-index: 11111">
           <div class="tooltip--title">${dcStat.name}</div>
           <div class="tooltip--row">
@@ -189,8 +190,8 @@ export default {
               <div>${dcStat.agent.up}</div>
               <div>${dcStat.agent.down}</div>
             </div>
-            <div class="tooltip-chart" id="tooltip-chart--endpoint"></div>
-            <div class="tooltip-chart" id="tooltip-chart--prometheus"></div>
+            <div class="tooltip-chart" id="tooltip-chart--endpoint-${self.chartInfo.id}"></div>
+            <div class="tooltip-chart" id="tooltip-chart--prometheus-${self.chartInfo.id}"></div>
           </div>
         </div>`
 
@@ -201,8 +202,8 @@ export default {
       setTimeout(() => {
         const data = param.tooltip.options.data
         // console.info(tooltipEndpointChart);
-        tooltipEndpointChart = echarts.init(document.querySelector('#tooltip-chart--endpoint'))
-        tooltipPrometheusChart = echarts.init(document.querySelector('#tooltip-chart--prometheus'))
+        tooltipEndpointChart = echarts.init(document.querySelector('#tooltip-chart--endpoint-' + this.chartInfo.id))
+        tooltipPrometheusChart = echarts.init(document.querySelector('#tooltip-chart--prometheus-' + this.chartInfo.id))
         const endpointOption = chartConfig.getOption('tooltipPie')
         const prometheusOption = chartConfig.getOption('tooltipPie')
         endpointOption.series[0].label.formatter = data.asset.total + ''
diff --git a/nezha-fronted/src/components/chart/chartList.vue b/nezha-fronted/src/components/chart/chartList.vue
index 706716d18..86c437c4c 100644
--- a/nezha-fronted/src/components/chart/chartList.vue
+++ b/nezha-fronted/src/components/chart/chartList.vue
@@ -11,7 +11,7 @@
       :margin="[10, 10]"
       :row-height="stepWidth"
       :vertical-compact="true"
-      :use-css-transforms="true"
+      :use-css-transforms="false"
       :style="{
         'margin-top': layoutMargintop
       }"
@@ -294,7 +294,9 @@ export default {
             // 1.元素距离页面顶部的距离
             // console.log(dom.style.transform)
 
-            let top = dom.style.transform.split(',')[1]
+            // let top = dom.style.transform.split(',')[1]
+            // top = top.substring(0, top.length - 2)
+            let top = dom.style.top
             top = top.substring(0, top.length - 2)
             const mainOffsetTop = top - this.stepWidth + 14// transform: grid组件 通过 tranfrom 控制位置 中间的为y的值 通过截取获得 - 父元素 marginTop的 值。
             // 2.元素的高度