1. 程式人生 > >Highcharts中處理座標軸資料過多的問題

Highcharts中處理座標軸資料過多的問題

昨天專案中遇到了highcharts這個元件,這次是對它記憶尤深,給我卡了一天,第一個問題就是在座標軸資料過多的時候,highcharts元件會自動調整座標軸的刻度間隔,好是好,但是我遇到的是它存在隨機性,在我的專案中,如圖

而且每次出現的都是不固定的,有時候是這兩個,有時候是那兩個,而且看了後臺資料也沒問題,判斷之後應該就是這個元件顯示資料問題,經過多次嘗試,最後經過萬能的百度,查到這個元件有個屬性tickInterval,就是它可以設定刻度間隔,我把每個X軸的這個屬性都設定成2之後,頁面就顯示正常了,如圖

終於是解決了這個費腦子的問題。但是在測試過程中,又發現了一個問題,如圖

當資料少的時候,這個元件在座標軸上又出現文字排列方向問題,又是經過了強大的百度之後,發現了這個元件另外一個屬性rotation

,可以設定傾斜角度,這個屬性挺好玩的,光說沒什麼意思,嘗試一下就知道了,正負值對應的傾斜角度會不同,然後我又是把每個X軸都設定了一遍,兩個屬性設定的地方如圖

                                                  

兩個屬性完美解決了在我的專案中這個元件帶來的問題。最後總結一句話,元件好用,也好迷。