在用echarts做折現圖時遇到的問題效果圖 是這樣的。

option = {
    xAxis: [{
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
        onZero: false,
        show: true 
    }, ],
    yAxis: [{
        type: 'value',
    }, { 
    }],
    series: [{
        data: [3, 10, -9, 3, -3, 19, 15],
        type: 'line'
    }]
};

而做出來的是這樣的

想讓x軸的標簽(Mon ,Tue。。。)緊貼著x軸(0刻度線上) 。給x軸加個axisLabel{margin:-180}(只要為負數就行，負數可根據需要調整，也可以動態計算)

option = {
    xAxis: [{
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
        onZero: false,
        show: true, 
         axisLabel: { //坐標軸刻度標簽的相關設置
             margin: -180, //刻度標簽與軸線之間的距離 
         }, 
    }, ],
    yAxis: [{
        type: 'value',
    }, { 
    }],
    series: [{
        data: [3, 10, -9, 3, -3, 19, 15],
        type: 'line'
    }]
};