Echarts折線圖X軸Y軸圖例位置調整

當X軸數據過多時Echarts會默認顯示一半
如下圖只顯示奇數月份
在這裏插入圖片描述
Echarts加入axisLabel然後將interval設置爲0就會將橫軸全部顯示
在這裏插入圖片描述
看一下效果
在這裏插入圖片描述
但是信息太多,看起來黏在了一起,我們可以讓它-30度角傾斜顯示
在這裏插入圖片描述
同樣在axisLabel將rotate設置爲-30,再看一下效果
在這裏插入圖片描述
這下都顯示出來的,但是橫座標信息顯示不全(看不到日期了),接着我們就可以設置圖例和左右邊距
在這裏插入圖片描述
最終的效果如下所有的信息全部都顯示了出來
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章