换行展示不全

src/views/bigdata/chart-deviceReportingEvents.vue

@@ -65,7 +65,29 @@
               }
             },
             axisLabel: {
-              // interval: 0,
+               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
+              },
               // rotate: 40,
               textStyle: {
                 fontFamily: 'Microsoft YaHei'

src/views/bigdata/chart-fireHydrant.vue

@@ -74,6 +74,29 @@
             type: "category",
             data: that.data_xhx_name,
             axisLabel: {
+              interval: 0,
+              formatter: function (params) {
+                var newParamsName = ''
+                const paramsNameNumber = params.length
+                const provideNumber = 2 // 单行显示文字个数
+                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: {
                 color: "#42a7ff",
                 fontSize: 10,

src/views/bigdata/chart-waterCrane.vue

@@ -95,7 +95,6 @@
               return arr;
             })(chartData),
 
-
             boundaryGap: ['20%', '20%'],
             splitLine: {
               show: false
@@ -106,7 +105,30 @@
             axisTick: {
               show: false
             },
-            axisLabel: {
+            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'

src/views/bigdata/chart-waterIntake.vue

@@ -71,6 +71,29 @@
               show: true,
               margin: 14,
               fontSize: 10,
+              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: {
                 color: '#ffffff' //X轴文字颜色
               }