image.png
echarts中橫向坐標(biāo)軸文字過長換行吞彤，在xAxis添加以下內(nèi)容：
axisLabel: {
show: true,
interval: 0,
formatter: function (value) {
var ret = "";//拼接加\n返回的類目項
var maxLength = 4;//每項顯示文字個數(shù)
var valLength = value.length;//X軸類目項的文字個數(shù)
var rowN = Math.ceil(valLength / maxLength); //類目項需要換行的行數(shù)
if (rowN > 1)//如果類目項的文字大于4,
{
for (var i = 0; i < rowN; i++) {
var temp = "";//每次截取的字符串
var start = i * maxLength;//開始截取的位置
var end = start + maxLength;//結(jié)束截取的位置
//這里也可以加一個是否是最后一行的判斷我衬，但是不加也沒有影響，那就不加吧
temp = value.substring(start, end) + "\n";
ret += temp; //憑借最終的字符串
}
return ret;
}
else {
return value;
}
},
textStyle: {
color: "#9bd8ed", //X軸文字顏色
padding:[0,0,0,0],
fontSize:12
}
}
