解决echartsX轴坐标文字过长的几种方法

1. 将X轴坐标斜着展示

效果图

X轴代码

xAxis: [{
		type: 'category',
		data: [],
		axisTick: {
			alignWithLabel: true
		},
		axisLabel: {    //重点在这一块，其余可以忽略
			interval: 0,   //这个一定要有，别忘记了
			rotate: 15,
			textStyle: {
				color: '#000',
				fontSize: 10
			}
		},
		axisLine: {
			show: true,
			interval: 0,
			lineStyle: {
				color: "RGB(210,221,217)"
			}
		}
	}],

参考博主