完成屏幕适配功能

src/components/echart/bottom/bottomLeftChart.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div id="bottomLeftChart" style="width:900px;height:500px;"></div>
+    <div id="bottomLeftChart" style="width:11.25rem;height:6.25rem;"></div>
   </div>
 </template>
 

src/components/echart/bottom/bottomRightChart.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div id="bottomRightChart" style="width:900px;height:480px;"></div>
+    <div id="bottomRightChart" style="width:11.25rem;height:6rem;"></div>
   </div>
 </template>
 
@@ -388,8 +388,7 @@ export default {
             barWidth: "50%",
             data: weekMaxData,
             animation: false
-          },
-          
+          }
         ]
       };
 

src/components/echart/center/centerChartRate.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div :id="id" style="width:120px;height:100px;"></div>
+    <div :id="id" style="width:1.5rem;height:1.25rem;"></div>
   </div>
 </template>
 

src/components/echart/centerLeft2/centreLeft1Chart.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div id="centreLeft1Chart" style="width:260px; height: 220px;"></div>
+    <div id="centreLeft1Chart" style="width:3.25rem; height: 2.75rem;"></div>
   </div>
 </template>
 

src/components/echart/centerLeft2/centreLeft2Chart.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div id="centreLeft2Chart" style="width:330px; height: 370px;"></div>
+    <div id="centreLeft2Chart" style="width:4.125rem; height: 4.625rem;"></div>
   </div>
 </template>
 

src/components/echart/centreRight2/centreRight2Chart1.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div id="centreRight2Chart1" style="width:260px; height: 215px;">123</div>
+    <div id="centreRight2Chart1" style="width:3.25rem; height: 2.60rem;">123</div>
   </div>
 </template>
 
@@ -168,7 +168,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-#centreRight2Chart1{
+#centreRight2Chart1 {
   margin: 0 auto;
 }
 </style>