echarts折線圖中x軸的數據顯示不全
在echarts中應用柱狀圖或者折線圖時,當數據量過多的時候,X軸的坐標就會顯示不全(如下圖圖一),在ECharts圖表組件內部有一個機制,用於統計xAxis坐標刻度的個數和圖表寬度,從而會自動調整刻度間隔個數以此達到刻度相互之間不致於很擁擠而影響圖表欣賞性。刻度間隔的相關屬性就是: interval 。還有一個屬性: rotate : number 度角是傾斜的控制所在。
axisLabel 坐標軸刻度標簽的相關設置。
xAxis.axisLabel. interval = 'auto' 試一試
numberFunction
坐標軸刻度標簽的顯示間隔,在類目軸中有效。
默認會采用標簽不重疊的策略間隔顯示標簽。
可以設置成 0 強制顯示所有標簽。
如果設置為 1
,表示『隔一個標簽顯示一個標簽』,如果值為 2
,表示隔兩個標簽顯示一個標簽,以此類推。
axisLabel: {
color: '#999999',
interval: 239
}