echarts的x軸顯示不全的解決辦法

echarts的x軸顯示不全的解決辦法

一、背景

　　當x軸類目較多時，label顯示時會自動間隔顯示，也就是會隱藏掉中間的label，如下圖：

 

 

 二、解決辦法

　　通過設置 xAxis.axisLabel.interval = 0 來解決，如下：

　　

xAxis: {
  type: 'category',
  axisLabel: {
    interval: 0 //全部顯示x軸
  } 
},

效果如下：

 

 

OK，vue+charts完整代碼示例，見這里