样式

src/components/GroupPerformance.vue

@@ -53,7 +53,7 @@ export default {
         },
         grid: {
           left: '0%',
-          top: '5%',
+          top: '0%',
           right: '5%',
           bottom: '5%',
           containLabel: true

src/components/TimeUtilization.vue

@@ -48,6 +48,18 @@ export default {
             }
           },
           axisLabel: {
+            formatter: function (params) {
+              params = params.slice(0, 9)
+              const len = params.length
+              let str = ''
+              for (let i = 0; i < len; i++) {
+                str += params[i]
+                if (i % 4 === 0 && i !== 0) {
+                  str += '\n'
+                }
+              }
+              return str
+            },
             textStyle: {
               color: '#d4d6d7',
               fontSize: 12
@@ -147,6 +159,7 @@ export default {
         this.groupWorkRatioNum.push(item[1]) // 获取到的数据
         this.groupWorkRatioName.push(item[0]) // 获取到的名称
       })
+      console.log(this.groupWorkRatioName)
       this.draw()
       this.polling()
     },
@@ -168,7 +181,7 @@ export default {
 </script>
 
 <style lang="less">
-.time-utilization{
+.time-utilization {
   height: 2.1375rem;
   margin: 0 auto;
 }