ECharts 柱状图X坐标轴文字显示不全

ECharts 柱状图X坐标轴文字显示不全

ECharts柱状图X坐标轴因为文字过长或者显示的内容过多导致文字重叠。
这时候就需要将X坐标轴的文字倾斜显示

需要配置的是的是 xAxis.axisLabel.rotate 属性
同理，Y轴配置类似

xAxis: [{
	type: 'category',
	boundaryGap: false,
	data: data.legendData,
	axisLabel: {
		interval: 0,   //坐标刻度之间的显示间隔
		rotate: rotate, //调整数值改变倾斜的幅度（范围-90到90）
		color: '#fff',  //X坐标轴文字的颜色
	}
}],

该参数还需配合grid使用

grid: {
	left:'2%',
	right: '2%',
	top: '17%',
	bottom: '1%',
	containLabel: true //防止坐标轴溢出
},