样式修改

src/assets/scss/index.scss

@@ -157,7 +157,7 @@
       //下方区域的布局
       .content-box {
         display: grid;
-        grid-template-columns: 3fr 5fr 3fr;
+        grid-template-columns: 3fr 7fr 3fr;
         grid-column-gap: 0px;
       }
 

src/components/echart/centerRight/centerRightChart/chart.vue

@@ -1,10 +1,10 @@
 <template>
-  <div>
+  <div style="width: 100%;">
     <Echart
       :options="options"
       id="centreRight2Chart1"
       height="400px"
-      width="500px"
+      width="100%"
       style="margin-top: 1rem"
     ></Echart>
   </div>

src/components/echart/centerRight/centerRightChart/chartRight.vue

@@ -1,11 +1,11 @@
 <template>
-  <div>
+  <div style="width: 100%;">
     <Echart
       :options="options"
       id="centreRight2Chart1"
       height="400px"
-      width="500px"
-      style="margin-top: 1rem"
+      width="100%"
+      style="margin-top: 1rem;"
     ></Echart>
   </div>
 </template>
@@ -70,6 +70,7 @@ export default {
             z: 30
           },
           yAxis: {
+            max: 100,
             axisLine: {
               show: false
             },

src/views/centerRight1.vue

@@ -28,7 +28,7 @@ export default {
         oddRowBGC: '#0f1325', //奇数行
         evenRowBGC: '#171c33', //偶数行
         index: true,
-        columnWidth: [45,110,80,80,200,200,100],
+        columnWidth: [45,110,80,70,280,280,100],
         align: ['center']
       }
     }
@@ -54,7 +54,8 @@ $box-width: 100%;
     height: $box-height - 50px;
     border-radius: 10px;
     .dv-scr-board {
-      width: 48rem;
+
+      width: 100%;
       height: 320px;
       // border: #f00 0.1333vw solid;
     }