echarts x軸座標文字顯示不全
阿新 • • 發佈:2019-02-07
在echarts中應用柱狀圖或者折線圖時,當資料量過多的時候,X軸的座標就會顯示不全(如下圖圖一),在ECharts圖表元件內部有一個機制,用於統計xAxis座標刻度的個數和圖表寬度,從而會自動調整刻度間隔個數以此達到刻度相互之間不致於很擁擠而影響圖表欣賞性。刻度間隔的相關屬性就是:interval。還有一個屬性:rotate:
number 度角是傾斜的控制所在。
圖一:顯示不全
圖一:顯示不全
圖二:修改後的圖片
解決辦法:
grid: { y2: 140 }, xAxis: { type: 'category', boundaryGap: [0, 0.01], name: '投標人', data: [ '' ], axisLabel:{ interval:0,//橫軸資訊全部顯示 rotate:-30,//-30度角傾斜顯示 } },