换行展示不全

src/views/bigdata/chart-deviceReportingEvents.vue

@@ -59,6 +59,7 @@
             type: 'category',
             data: that.data_sbsbsjsl_reportor,
             axisLine: {
+
               lineStyle: {
                 color: '#1cc6a1'
 
@@ -67,6 +68,7 @@
             axisLabel: {
               // interval: 0,
               // rotate: 40,
+
               textStyle: {
                 fontFamily: 'Microsoft YaHei'
               }

src/views/bigdata/chart-pollutionSource.vue

@@ -106,6 +106,29 @@
               show: false
             },
             axisLabel: {
+              interval: 0,
+              formatter: function (params) {
+                var newParamsName = ''
+                const paramsNameNumber = params.length
+                const provideNumber = 3 // 单行显示文字个数
+                const rowNumber = Math.ceil(paramsNameNumber / provideNumber)
+                if (paramsNameNumber > provideNumber) {
+                  for (let p = 0; p < rowNumber; p++) {
+                    var tempStr = ''
+                    var start = p * provideNumber
+                    var end = start + provideNumber
+                    if (p === rowNumber - 1) {
+                      tempStr = params.substring(start, paramsNameNumber)
+                    } else {
+                      tempStr = params.substring(start, end) + '\n'
+                    }
+                    newParamsName += tempStr
+                  }
+                } else {
+                  newParamsName = params
+                }
+                return newParamsName
+              },
               textStyle: {
                 fontSize: 10 * scale,
                 color: '#3fdaff'