fix 优化

src/views/monitor/components/box-1.vue

@@ -80,12 +80,12 @@
           <countup class="scenic-item__value" :end-val="trafficAiAnalyzeData.handled" />
         </div>
       </div>
-      <div class="flex pt-20" style="margin-top:20px;">
+      <div class="flex pt-20">
         <div class="box">
           <Title3 title="平均车速(KM/H)" />
             <traffic-jam width="100%"
             :series="jamlData[0].data"
-            :data="jamXAxisData" :height="350" />
+            :data="jamXAxisData" height="350" />
         </div>
       </div>
     </template>
@@ -625,10 +625,9 @@
 	}
     .box {
       flex: 1;
-      height: vh(340);
+      height: vh(400);
       background-image: url('@/assets/images/bg-3.png');
       background-size: 100% 100%;
-
       // .title-2 {
       //   width: vw(253);
       //   height: vh(28);

src/views/monitor/components/traffic-jam.vue

@@ -46,7 +46,7 @@
           left: '4%',
           right: '8%',
           top: '10%',
-          bottom: '14%',
+          bottom: '2%',
           containLabel: true
         },
         xAxis: {
@@ -61,7 +61,7 @@
             }
           },
           axisLabel: {
-            fontSize: fitChartSize(20),
+            fontSize: fitChartSize(16),
             color: 'rgba(255,255,255,0.9)'
           },
           data: getXAxisData()
@@ -79,7 +79,7 @@
           type: 'value',
           axisLabel: {
             show: true,
-            fontSize: fitChartSize(20),
+            fontSize: fitChartSize(18),
             color: 'rgba(255,255,255,0.9)'
           },
           splitLine: {
@@ -94,7 +94,7 @@
           {
             type: 'bar',
             data: getSeriesData(),
-            barWidth: fitChartSize(40),
+            barWidth: fitChartSize(32),
             label: {
               show: true,
               position: 'top',
@@ -139,7 +139,8 @@
 
 <style scoped lang="scss">
   .traffic-jam {
+	margin-top: vh(10);
     width:100%;
-    height: vh(360);
+    height: 100%;
   }
 </style>