态势

src/views/taishi/index.vue

@@ -176,23 +176,34 @@
                 <td rowspan="2">
                   <img src="../../assets/images/cheliangz.png" alt />
                 </td>
-                 <td style="width: 88px; color: white;font-size: 1rem">车辆统计</td>
+                <td style="width: 88px; color: white; font-size: 1rem">
+                  车辆统计
+                </td>
                 <td
-                  style="color: #30fdff; font-family: 'IMPACT'; font-size: 1.6rem"
+                  style="
+                    color: #30fdff;
+                    font-family: 'IMPACT';
+                    font-size: 1.6rem;
+                  "
                 >
                   119
                 </td>
               </tr>
-               
             </table>
             <table class="center4_s" style="margin-top: 1.3%">
               <tr>
                 <td rowspan="2">
                   <img src="../../assets/images/cheliangz.png" alt />
                 </td>
-                <td style="width: 88px; color: white;font-size: 1rem">今日进出</td>
+                <td style="width: 88px; color: white; font-size: 1rem">
+                  今日进出
+                </td>
                 <td
-                  style="color: #30fdff; font-family: 'IMPACT'; font-size: 1.6rem"
+                  style="
+                    color: #30fdff;
+                    font-family: 'IMPACT';
+                    font-size: 1.6rem;
+                  "
                 >
                   107
                 </td>
@@ -202,15 +213,20 @@
             <table class="center4_s" style="margin-top: 1.28%">
               <tr>
                 <td rowspan="2">
-               <img src="../../assets/images/cheliangq.png" alt />
+                  <img src="../../assets/images/cheliangq.png" alt />
+                </td>
+                <td style="width: 88px; color: white; font-size: 1rem">
+                  夜间进入
                 </td>
-                  <td style="width: 88px; color: white;font-size: 1rem">夜间进入</td>
                 <td
-                  style="color: #b4372a; font-family: 'IMPACT'; font-size: 1.6rem"
+                  style="
+                    color: #b4372a;
+                    font-family: 'IMPACT';
+                    font-size: 1.6rem;
+                  "
                 >
                   12
                 </td>
-                
               </tr>
             </table>
             <div class="center4_b">
@@ -1334,7 +1350,10 @@ export default {
         }
 
         var data2 = datav.slice(z, s + 1);
-
+        var data = className.slice(z, s + 1);
+        // console.log(data2);
+        // console.log(datav);
+        // console.log(className);
         const colorList9 = [
           "#39B3FF",
           "#39B3FF",
@@ -1378,8 +1397,8 @@ export default {
           grid: {
             left: 10,
             right: 20,
-            bottom: 10,
-            top: 1,
+            bottom: 5,
+            top: -8,
             containLabel: true,
           },
           tooltip: {
@@ -1432,7 +1451,7 @@ export default {
               axisLine: {
                 show: false,
               },
-              data: className,
+              data: data,
             },
             {
               type: "category",
@@ -1467,7 +1486,7 @@ export default {
                 },
               },
               barWidth: 10,
-              data: datav,
+              data: data2,
             },
           ],
         };