echarts图表X轴提示文字换行显示

最新推荐文章于 2024-06-14 18:10:48 发布

码小生@是胡

最新推荐文章于 2024-06-14 18:10:48 发布

阅读量703

点赞数

文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/weixin_58224449/article/details/127427411

版权

因为文字不长，我就设置一行显示两个字符换行。

   xAxis: {
          data: dataAxis,
          // axisLabel: {
          //   inside: true,
          //   color: '#fff'
          // },
          axisTick: {
            show: false,
          },
          axisLabel: {
            interval: 0,
            rotate: 30,
            formatter: function (params) {
              var newParamsName = "";
              var paramsNameNumber = params.length;
              var provideNumber = 2; //一行显示几个字
              var rowNumber = Math.ceil(paramsNameNumber / provideNumber);
              if (paramsNameNumber > provideNumber) {
                for (var 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;
            },
          },

          axisLine: {
            show: false,
          },
          z: 10,
        },

如果想要Y轴换行显示，同理，