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

在做數據顯示的時候,因爲複製原來的模板就導致了上面的 情況:

方法一:

將周天是個好日子:改爲周天  ,就可以的

方法二:

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

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

該屬性設置成0則表示強制顯示所有標籤,設置爲1的話,隔一個標籤顯示一個標籤,以此類推。
但是設置爲0的話,如果數據再長點,它會把這個數據直接不顯示,還是沒有解決問題,後來發現,可以讓這個數據傾斜,那麼就不會有不顯示的問題了,

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

rotate表示傾斜顯示,-是順時針旋轉多少度,+或不寫表示逆時針旋轉多少度,默認值爲90

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章