diff --git a/danger-manage-web/src/views/system/alarm/chartindex.vue b/danger-manage-web/src/views/system/alarm/chartindex.vue
index 2c9770ed0284c0ff9828f59edc7b6b745bd9b71b..952f004cec425434f159814effc517cfe07b1b8b 100644
--- a/danger-manage-web/src/views/system/alarm/chartindex.vue
+++ b/danger-manage-web/src/views/system/alarm/chartindex.vue
@@ -1,11 +1,15 @@
 <template>
   <div style="width: 100%">
     <div class="division">
-      <div id="myChartone" style=" width: 500px;height: calc(50vh - 84px)"></div>
+      <div  style=" width: 500px;height: calc(50vh - 84px)">
+        <div id="myChartone" style="text-align:center;width:80%;height:80%;margin:auto;padding-top:30px;"></div>
+      </div>
       <div id="myChartfour" style=" width: 1000px;height: calc(50vh - 84px)"></div>
     </div>
     <div class="division">
-      <div id="myCharttwo" style=" width: 500px;height: calc(50vh - 84px)"></div>
+      <div style=" width: 500px;height: calc(50vh - 84px)">
+        <div id="myCharttwo" style="text-align:center;width:80%;height:80%;margin:auto;padding-top:30px;"></div>
+      </div>
       <div id="myChartthree" style=" width: 1000px;height: calc(50vh - 84px)"></div>
     </div>
   </div>
@@ -49,7 +53,7 @@
               trigger: 'item'
             },
             legend: {
-              top: '2%',
+              top: '0',
               left: 'center'
             },
             series: [