Mistj's Digital Garden

Appearance

echarts几个问题

x轴文字换行 ​

方案是手动添加换皇甫

js
 axisLabel: {
            // interval: 0, // 强制文字产生间隔
            // rotate: "-20", // 旋转角度
            textStyle: {
              color: '#E7FCFF',
              fontSize: 12
            },
            "formatter": function (value) {
              const maxLength = 3;// 第一行显示文字个数
              const valLength = value.length;// X轴类目项的文字个数
              if (value.length > maxLength) {
                const fist = value.substring(0, 3);
                const end = value.substring(3, valLength);
                return fist + '\n' + end;
              }
              return value
            }
          }
 axisLabel: {
            // interval: 0, // 强制文字产生间隔
            // rotate: "-20", // 旋转角度
            textStyle: {
              color: '#E7FCFF',
              fontSize: 12
            },
            "formatter": function (value) {
              const maxLength = 3;// 第一行显示文字个数
              const valLength = value.length;// X轴类目项的文字个数
              if (value.length > maxLength) {
                const fist = value.substring(0, 3);
                const end = value.substring(3, valLength);
                return fist + '\n' + end;
              }
              return value
            }
          }

或者调整角度

js
axisLabel : { interval:0, //强制文字产生间隔 rotate:"45" //旋转角度 }
axisLabel : { interval:0, //强制文字产生间隔 rotate:"45" //旋转角度 }

禁止缩放 ​

关键字 roam:false