Echarts柱状图x轴过长时,x轴显示换行。

425 阅读1分钟

可以在options中xAxis的axisLabel加上formatter自定义x轴的内容代码如下:

           axisLabel: {
        color: '#FFFFFF',
        fontSize: '14',
        // fontSize:"18.5px"
        // 自定义x轴字段名称过长处理
        formatter: function (value) {
          let len = value.length;
          let length = 3; //控制一行显示个数
          let num = Math.ceil(len / length); //循环次数
          if (num > 1) {
            let str = "";
            for (let i = 0; i < num; i++) {
              str +=
                value.substring(
                  i * length,
                  (i + 1) * length
                ) + "\n";
            }
            return str;
          } else {
            return value;
          }
        }
      },