當前位置:商標查詢大全網 - 彩票開獎 - 如何設置echarts圖例之間的間距?

如何設置echarts圖例之間的間距?

1.打開echarts的官方實例頁面,點擊第壹個折線圖。

2.進入頁面後可以看到數據較少,所以顯示的都是橫坐標字符。

3.修改左邊的選項內容,在xAxis的數據數組中再添加兩行,在系列中添加相應數量的值。

4.運行後,可以看到X橫坐標已經根據圖形大小自動間隔顯示文本。如果沒有特殊要求,這可以滿足內容較少時顯示所有橫排字符,內容較多時自動間隔顯示字符的要求。

5.在選項的xAxis區域添加axisLabel:{interval:0}。這個語句意味著橫坐標的所有文本都是無間隔顯示的。

6.再運行壹次,可以看到橫坐標的內容都顯示出來了,但是由於空間不夠,內容都擠在壹起了。

7.將interval值改為5,axisLabel:{interval:5},再次運行,可以看到X橫坐標的內容已經在要求的間隔顯示出來了。