第一种情况:隔行消失
处理方案==> 截掉超出的文字 加入省略号
加入之后 可能! 会存在文字隔行消失的情况 加上 interval: 0
axisLabel: { interval: 0, // 强制文字产生间隔 rotate: 0, // 文字逆时针旋转45° textStyle: { // 文字样式 color: '#fff', fontSize: 16, // fontFamily: 'Microsoft YaHei' }, show: true, formatter(value) { let str = value; if (value.length > 8) { str = value.slice(0, 7) + '...'; } return str; }, },
第二种处理方式:旋转
xAxis: [ { type: 'category', rotate: -25 // 旋转角度 } ]