显示不全的效果
xAxis中添加
axisLabel: {
//x轴文字的配置
show: true,
interval: 0,//使x轴文字显示全
}
axisLabel中添加以下进行格式化
axisLabel: {
//x轴文字的配置
show: true,
interval: 0,//使x轴文字显示全
textStyle: {
color: "rgba(219, 225, 255, 1)"
},
formatter: function (params) {
var newParamsName = "";
var paramsNameNumber = params.length;
var provideNumber = 7; //一行显示几个字
var rowNumber = Math.ceil(paramsNameNumber / provideNumber);
if (paramsNameNumber > provideNumber) {
for (var p = 0; p < rowNumber; p++) {
var tempStr = "";
var start = p * provideNumber;
var end = start + provideNumber;
if (p == rowNumber - 1) {
tempStr = params.substring(start, paramsNameNumber);
} else {
tempStr = params.substring(start, end) + "\n";
}
newParamsName += tempStr;
}
} else {
newParamsName = params;
}
return newParamsName;
}
},
效果
