fix: bug#13648

src/views/link/DashBoard/components/TopCard.vue

@@ -157,7 +157,15 @@ watch(
     .dash-board-item {
         flex: 1;
         //margin: 24px 12px;
-        min-width: 250px;
+        min-width: calc(25% - 24px);
     }
 }
+
+@media (max-width: 1400px) {
+  .dash-board {
+    .dash-board-item {
+      min-width: calc(50% - 24px);
+    }
+  }
+}
 </style>

src/views/link/DashBoard/components/TopEchartsItemNode.vue

@@ -43,19 +43,27 @@ export default {
     data() {
         return {
             options: {},
+            myChart: undefined
         };
     },
+    beforeDestroy() {
+      window.removeEventListener('resize', this.resize)
+    },
     methods: {
         createChart(val) {
             const chart = this.$refs.chartRef;
-            if (chart && Object.keys(val).length > 0) {
+            if (chart && Object.keys(val).length > 0 && !this.myChart) {
-                const myChart = echarts.init(chart);
+              console.log('createChart')
-                myChart.setOption(val);
+                this.myChart = echarts.init(chart);
-                window.addEventListener('resize', function () {
+                this.myChart.setOption(val);
-                    myChart.resize();
+                window.addEventListener('resize', this.resize);
-                });
+            } else if (this.myChart) {
+              this.myChart.setOption(val);
             }
         },
+        resize() {
+          this.myChart?.resize();
+        },
         getOptions(max, formatter, val) {
             let formatterCount = 0;
             this.options = {