From 06b2905a9108d5fd60c7dc5295c919be04bf796b Mon Sep 17 00:00:00 2001
From: zhangyu <zhangyu@geedgenetworks.com>
Date: Mon, 13 Dec 2021 15:31:18 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=20=E4=BF=AE=E6=94=B9treemap=20toot?=
 =?UTF-8?q?ip=E6=8A=A5=E9=94=99=E7=9A=84=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/chartDiagram.vue   | 1 -
 nezha-fronted/src/components/chart/chart/chartTreemap.vue   | 6 ++++--
 .../src/components/common/ChartDiagram/diagram.vue          | 6 +++++-
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/nezha-fronted/src/components/chart/chart/chartDiagram.vue b/nezha-fronted/src/components/chart/chart/chartDiagram.vue
index 7e20020cd..8bc05be58 100644
--- a/nezha-fronted/src/components/chart/chart/chartDiagram.vue
+++ b/nezha-fronted/src/components/chart/chart/chartDiagram.vue
@@ -24,7 +24,6 @@ export default {
   },
   methods: {
     resize () {
-      console.log('diagram',this.$refs.diagram)
       this.$refs.diagram.winResize()
     }
   }
diff --git a/nezha-fronted/src/components/chart/chart/chartTreemap.vue b/nezha-fronted/src/components/chart/chart/chartTreemap.vue
index 2ea1451f4..6ba67d100 100644
--- a/nezha-fronted/src/components/chart/chart/chartTreemap.vue
+++ b/nezha-fronted/src/components/chart/chart/chartTreemap.vue
@@ -142,8 +142,10 @@ export default {
                         <div style="max-width: 500px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom: 5px">${params.data.name}</div>
                         <div style="font-size:12px;display:flex;justify-content: space-between;">
                             <div>value</div>
-                             <div style="display: ${params.data.mapping && params.data.mapping.display ? 'none' : 'inline-block'}">${params.data.showValue}</div>
-                            <div style="display: ${params.data.mapping && params.data.mapping.display ? 'inline-block' : 'none'}">${self.handleDisplay(params.data.mapping.display, { ...params.data.labels, value: params.data.showValue })}</div>
+                            <div style="display: ${(params.data.mapping && params.data.mapping.display) ? 'none' : 'inline-block'}">${params.data.showValue}</div>
+                            <div style="display: ${(params.data.mapping && params.data.mapping.display) ? 'inline-block' : 'none'}">
+                                ${(params.data.mapping && params.data.mapping.display) ? self.handleDisplay(params.data.mapping.display, { ...params.data.labels, value: params.data.showValue }) : ''}
+                            </div>
                         </div>
                     </div>
                 </div>
diff --git a/nezha-fronted/src/components/common/ChartDiagram/diagram.vue b/nezha-fronted/src/components/common/ChartDiagram/diagram.vue
index 065699562..cc6954fb2 100644
--- a/nezha-fronted/src/components/common/ChartDiagram/diagram.vue
+++ b/nezha-fronted/src/components/common/ChartDiagram/diagram.vue
@@ -2101,7 +2101,11 @@ export default {
           }
         })
         getTopology(this.topologyIndex).resize()
-        getTopology(this.topologyIndex).centerView()
+        if (this.isPanel) {
+          getTopology(this.topologyIndex).fitView()
+        } else {
+          getTopology(this.topologyIndex).centerView()
+        }
         clearTimeout(this.timer)
         this.timer = null
         // this.getNodesArr()