diff --git a/src/components/CustomChart/index.vue b/src/components/CustomChart/index.vue
index a785e99..e9c13db 100644
--- a/src/components/CustomChart/index.vue
+++ b/src/components/CustomChart/index.vue
@@ -75,5 +75,6 @@ export default {
 <style lang="less" scoped>
 .custom-chart {
   height: 100% !important;
+  min-height: 600px;
 }
 </style>
diff --git a/src/views/stationOperation/components/RealTimeDataChart.vue b/src/views/stationOperation/components/RealTimeDataChart.vue
index d971a7b..ca78bef 100644
--- a/src/views/stationOperation/components/RealTimeDataChart.vue
+++ b/src/views/stationOperation/components/RealTimeDataChart.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div style="position: relative;">
     <!-- 图例 -->
     <div class="legend">
       <div
@@ -14,9 +14,8 @@
       </div>
     </div>
     <!-- 图例结束 -->
-    <a-spin :spinning="spinning">
-      <custom-chart ref="customChartRef" :option="option" :height="list.length * 295"></custom-chart>
-    </a-spin>
+    <custom-chart ref="customChartRef" :option="option" :height="list.length * 295"></custom-chart>
+    <a-spin style="position: absolute;top: 45%;left: 48%;" :spinning="spinning" />
   </div>
 </template>