页面微调

danger-manage-web/src/views/system/alarm/chartindex.vue

 <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: [