解決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, //代表逆時針旋轉
	}
}