zoom缩放导致echarts偏移问题

src/views/pqs/cockpit/homePage/index.vue

@@ -25,7 +25,11 @@
             :vertical-compact="false"
             prevent-collision
             :col-num="12"
-            :style="{ zoom: zoom }"
+            :style="{
+                transform: `scale(${zoom})`,
+                transformOrigin: 'top left',
+                width: zoom !== 1 ? `${100 / zoom}%` : '100%'
+            }"
         >
             <template #item="{ item }">
                 <div class="box">