一、问题原因
X轴数据太长,导致X轴相邻数据重叠
二、解决方案
默认展示若干位其余部分显示…
三、效果图
四、核心代码
option = {
xAxis: {
type: 'category',
data: ['Mon111111111', 'Tue1111111', 'Wed11111111111', 'Thu111111111', 'Fri111111111', 'Sat111111', 'Sun1111111111'],
axisLabel: {
show: true,
// interval: 0,
textStyle: {
fontSize: 12,
},
// 核心代码 默认展示4个字超出显示...
formatter: function (value) {
//x轴的文字改为竖版显示
var str = value.split("");
return str.slice(0, 4).join("") + (str.length > 4 ? '...' : '');
},
// 或者X轴旋转也可以
// rotate: 45,
},
},
yAxis: {
type: 'value'
},
series: [
{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar'
}
]
};