Echarts X軸標簽文字過多導致顯示不全的解決方法

 

這個問題其實解決過很多遍了，每次出現還是得百度，索性自己總結一下吧

 

當前Echarts圖X軸顯示如下：

 

 

想要的效果圖：

 

 

直接上代碼：

 

axisLabel: {
     interval: 0,
     rotate: 40
} 

以上三行代碼就可以解決x軸文字顯示不全並將文字傾斜！

 

 

簡單說明一下吧：

xAxis.axisLabel屬性  

   axisLabel的類型是object，主要作用是：坐標軸刻度標簽的相關設置，yAxis也有這個屬性。

 

interval

  坐標軸刻度標簽的顯示間隔，默認會采用標簽不重疊的方式顯示標簽（默認會將部分文字顯示不全）

  設置為0：強制顯示所有標簽

  設置為1：表示隔1個標簽顯示一個標簽

  設置為3：表示隔3個標簽顯示一個標簽

  以此類推。。。

 

rotate

   標簽傾斜的角度

 

 

作者：微微一笑絕絕子
出處：https://www.cnblogs.com/wwyxjjz/p/15189899.html
本博客文章均為作者原創，轉載請注明作者和原文鏈接。