需要在xAxis 中添加 axisLabel , demo案例如下:
设置成每行两个文字竖向排放。
xAxis : [ { type : 'category', data : this.xAxis, axisTick: { alignWithLabel: true }, axisLabel: { interval: 0, formatter: function(value) { //return value.split("").join("\n"); //debugger var ret = "";//拼接加\n返回的类目项 var maxLength = 2;//每项显示文字个数 var valLength = value.length;//X轴类目项的文字个数 var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数 if (rowN > 1)//如果类目项的文字大于3, { for (var i = 0; i < rowN; i++) { var temp = "";//每次截取的字符串 var start = i * maxLength;//开始截取的位置 var end = start + maxLength;//结束截取的位置 //这里也可以加一个是否是最后一行的判断,但是不加也没有影响,那就不加吧 temp = value.substring(start, end) + '\n'; ret += temp; //凭借最终的字符串 } return ret; } else { return value; } } } } ],