修改了采煤工作面的柱状图

src/views/mining/Monitor/CoalMining.vue

@@ -40,7 +40,7 @@
 export default {
   data() {
     return {
-      car: '40',
+      car: '0',
       carSpeed: '',
       hand: {
         left: 20,
@@ -86,6 +86,7 @@ export default {
     width: 270px;
     height: 150px;
     position: relative;
+    margin-left: 40px;
     .car {
       position: absolute;
       bottom: -40px;

src/views/mining/Monitor/Index.vue

@@ -42,11 +42,11 @@ export default {
   width: 100%;
   height: 850px;
   position: relative;
-  /* background-image: linear-gradient(
+  background-image: linear-gradient(
     to right,
     #06133c 0%,
     #011669 50%,
     #06133c 100%
-  ); */
+  );
 }
 </style>

src/views/mining/Monitor/echarts/Bars.vue

@@ -1,6 +1,6 @@
 <template>
   <!-- 支架压力柱状图 -->
-  <div id="bar" style="height: 300px; width: 600px;"></div>
+  <div id="bar" style="height: 300px; width: 600px"></div>
 </template>
 
 <script>
@@ -15,6 +15,15 @@ export default {
           axisPointer: {
             type: "shadow",
           },
+          formatter: (params) => {
+            if (params[0].data > 64) {
+              return params[0].marker+'压力过高:'+ params[0].data;
+            } else if (params[0].data < 24) {
+              return params[0].marker+'压力过低:'+ params[0].data;
+            } else {
+              return params[0].marker+'压力正常:'+ params[0].data; 
+            }
+          },
         },
         color: ["red", "green", "yellow"],
         legend: {
@@ -55,9 +64,9 @@ export default {
                   if (params.data > 64) {
                     return "red";
                   } else if (params.data < 24) {
-                    return "green";
-                  } else {
                     return "yellow";
+                  } else {
+                    return "green";
                   }
                 },
               },