看第一張圖，我們選取了22年7月31日到23年八月31的時間，發(fā)現(xiàn)因為時間太多而重疊在了一起，觀感上很不好，而且想要看某一個時間也變的很難，為了解決這個問題于是去翻了一下echarts的文檔，發(fā)現(xiàn)有個interval，能夠強制設(shè)置坐標(biāo)軸分割間隔，比如可以設(shè)置為7或者10，這種在固定的數(shù)值只在數(shù)據(jù)固定的時候才有用，如果數(shù)據(jù)過少或者過多都會造成觀看的不方便。

      解決方法是我們可以利用判斷數(shù)據(jù)的長度，利用變量來動態(tài)改變間隔的數(shù)值。

// 這塊代碼做一個判斷
    var xlength;
if (res.data.list.length > 7) {
    xlength = parseInt(res.data.list.length / 7);
} else {
xlength = 0;
}

      如圖所示，我們以7為界限，當(dāng)數(shù)據(jù)量小于7的時候取0，大于7的時候我們用這個數(shù)據(jù)長度除以7并取正整數(shù)，并把xlength設(shè)置為interval的值，就能根據(jù)數(shù)值動態(tài)改變間隔長度了。

xAxis: {
        type: 'category',
        data: xAxisData,
        axisLabel: {
           interval: xlength,
           rotate: 40 //傾斜
        }
       },

      這里看一下完成的效果。