在做數據顯示的時候,因爲複製原來的模板就導致了上面的 情況:
方法一:
將周天是個好日子:改爲周天 ,就可以的
方法二:
那就只能說明這個軸的名稱太長了,所以導致它默認就隔一個顯示,找了半天才發現控制它的屬性是axisLabel
,
xAxis : [
{
type : 'category',
data : ["週一", "週二", "週三", "週四", "週五", "週六", "周天"],
axisTick: {
alignWithLabel: true
},
axisLabel: {
interval:0
}
}
],
該屬性設置成0
則表示強制顯示所有標籤,設置爲1
的話,隔一個標籤顯示一個標籤,以此類推。
但是設置爲0
的話,如果數據再長點,它會把這個數據直接不顯示,還是沒有解決問題,後來發現,可以讓這個數據傾斜,那麼就不會有不顯示的問題了,
axisLabel: {
interval:0,
rotate:45, //代表逆時針旋轉45度
}
rotate
表示傾斜顯示,-
是順時針旋轉多少度,+
或不寫表示逆時針旋轉多少度,默認值爲90