
解決前示
當(dāng)數(shù)據(jù)量太大、文本太長(zhǎng)時(shí),導(dǎo)致X軸文字顯示不全
網(wǎng)上找到的解決方案幾乎全是修改xAxis的
boundaryGap屬性,官方文檔中也提到使用boundaryGap屬性解決,但是實(shí)際測(cè)試下來(lái)發(fā)現(xiàn)并沒有效果,無(wú)論是true、false或者是數(shù)組類型百分比值最終解決方案是采用
min max屬性解決,該方法可以控制X軸最小或者最大展示的起始終止位置:
...
xAxis: {
type: 'category',
min: 100, //控制X軸起始類目
max: 500, //控制X軸終止類目
data: []
}
...
最終顯示如下:

解決后