1.如果所示:10-20,30-40 没有被展示出来
2.对X轴进行设置
xAxis: {
type: 'category',
data: xData,
axisLabel: {
//x轴文字的配置
show: true,
//使x轴文字显示全
interval: 0,
}
},
3.容易导致文本相互覆盖,可以进行换行和文本倾斜处理,同样在xAxis里面设置
换行
formatter: function(params) {
var newName = "";
var nameNum = params.length;
var setNum = 3; //一行显示几个字
var rowNum = Math.ceil(nameNum / setNum);
if (nameNum > setNum ) {
for (var p = 0; p < rowNum ; p++) {
var tempStr = "";
var start = p * setNum;
var end = start + setNum;
if (p == rowNum - 1) {
tempStr = params.substring(start, nameNum);
} else {
tempStr = params.substring(start, end) + "\n";
}
newName += tempStr;
}
} else {
newName = params;
}
return newName;
}
倾斜
xAxis: {
type: 'category',
data: xData,
axisLabel: {
//x轴文字的配置
show: true,
//使x轴文字显示全
interval: 0,
//倾斜角度
rotate : 60,
},
},