解決 echarts柱狀圖x軸數據隔一個顯示

echarts柱狀圖x軸數據隔一個顯示

 

在顯示一個柱狀圖的時候，x軸的數據是隔一個顯示的，但是hover的時候卻能顯示出當前軸x軸的名稱，如下圖：

那就只能說明這個軸的名稱太長了，所以導致它默認就隔一個顯示，找了半天才發現控制它的屬性是

axisLabel
xAxis : [
{
type : 'category',
data : ["周一", "周二", "周三", "周四", "周五", "周六", "周天"],
axisTick: {
alignWithLabel: true
},
axisLabel: {
interval:0
}
}
],

 

該屬性設置成0則表示強制顯示所有標簽，設置為1的話，隔一個標簽顯示一個標簽，以此類推。

但是設置為0的話，如果數據再長點，它會把這個數據直接不顯示，還是沒有解決問題，后來發現，可以讓這個數據傾斜，那么就不會有不顯示的問題了，

axisLabel: {
interval:0,
rotate:45, //代表逆時針旋轉45度
}