echarts座標軸標題顯示不全問題

echart 使用過程中經常遇到x軸標題過長而導致有些標題不顯示的問題

這裏我採用直接使用旋轉座標軸標題
配置xAxis：

xAxis:[
	axisLabel:{
	  interval:0,//標識間隔多少個標題顯示，這裏標題過長會重疊遮擋，這裏0設置強制顯示
	  rotate:60//旋轉60度
	}
]

以上方法是可以是可以，但是有時候轉了軸之後還是會遮擋,這個時候設置padding，height，lineHeight，都是沒用滴。設置gird中的屬性即可

比如：

原因是grid的bottom屬性沒有設置

之所以設置grid。就行，是因爲：

axisLabel屬於xAxis（X軸），而x屬於grid，那麼設置grid的屬性即可：

 grid: {
          bottom: 80 //增加柱形圖縱向的高度
        },

可以看到完整顯示了
當然也可以設置axisLabel中的formatter對文字進行設置，比如截取，文字大小等。

千里之行
始於足下