From c5e45ab97a74341a8403d5e831efeb9ed57e7954 Mon Sep 17 00:00:00 2001
From: Fine0830 <fanxue0830@gmail.com>
Date: Wed, 18 Jun 2025 16:31:44 +0800
Subject: [PATCH] Fix the snapshot charts (#474)

---
 src/views/alarm/components/Snapshot.vue | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/views/alarm/components/Snapshot.vue b/src/views/alarm/components/Snapshot.vue
index 5b7fad33..028cc577 100644
--- a/src/views/alarm/components/Snapshot.vue
+++ b/src/views/alarm/components/Snapshot.vue
@@ -13,11 +13,9 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License. -->
 <template>
-  <LineChart
-    :intervalTime="appStore.intervalTime"
-    :data="metrics"
-    :style="{ width: `800px`, height: `${metrics.length * 300}px` }"
-  />
+  <div :style="{ width: `800px`, height: `${metrics.length * 300}px` }">
+    <LineChart :intervalTime="appStore.intervalTime" :data="metrics" />
+  </div>
 </template>
 <script lang="ts" setup>
   import { computed } from "vue";