2.進入頁面後可以看到數據較少,所以顯示的都是橫坐標字符。
3.修改左邊的選項內容,在xAxis的數據數組中再添加兩行,在系列中添加相應數量的值。
4.運行後,可以看到X橫坐標已經根據圖形大小自動間隔顯示文本。如果沒有特殊要求,這可以滿足內容較少時顯示所有橫排字符,內容較多時自動間隔顯示字符的要求。
5.在選項的xAxis區域添加axisLabel:{interval:0}。這個語句意味著橫坐標的所有文本都是無間隔顯示的。
6.再運行壹次,可以看到橫坐標的內容都顯示出來了,但是由於空間不夠,內容都擠在壹起了。
7.將interval值改為5,axisLabel:{interval:5},再次運行,可以看到X橫坐標的內容已經在要求的間隔顯示出來了。