解决Echarts柱状图X轴数据隔一个显示

问题

最近在做一个web的数据统计部分用到了Echart。可是在做柱状图（bar）时发现X轴的数据是隔一个显示的，如下图所示，找了半天没发现代码有什么问题，后面发现X轴的名称太长了，导致它默认就隔一个显示。

解决

1.设置相应属性----axisLabel

设置axisLabel中的interval为0

xAxis: {
	type: 'category',
	data: ['攻击模式', '应对措施', '入侵集合', '恶意软件', '工具', '脆弱性', '威胁主体', '攻击活动', '身份', '攻击指标', '可观察数据'],
	axisPointer: {
		type: 'shadow'
	},
	axisLabel: {
		interval: 0  //设置间隔为0
	}
}

2.将X轴数据倾斜显示

设置axisLabel中的rotate为45（代表逆时针旋转45度）

xAxis: {
	type: 'category',
	data: ['攻击模式', '应对措施', '入侵集合', '恶意软件', '工具', '脆弱性', '威胁主体', '攻击活动', '身份', '攻击指标', '可观察数据'],
	axisPointer: {
		type: 'shadow'
	},
	axisLabel: {
		rotate: 45, //代表逆时针旋转
	}
}