共计 375 个字符,预计需要花费 1 分钟才能阅读完成。
第一种情况:隔行消失
处理方案 ==> 截掉超出的文字 加入省略号
加入之后 可能!会存在文字隔行消失的情况 加上 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 // 旋转角度 } ]
原文地址: echarts 柱状图 X 轴底部文字 部分不显示出来?
正文完