解決echarts設置x軸、y軸刻度起始值、終止值以及步長

• echarts的官方示例中，可以通過設置xAxis（x軸）和yAxis（y軸）min、max屬性改變x、y軸刻度起始、終止值。
• 對於座標軸步長，官方給出兩種方式，第一種是利用splitNumber，第二種是利用interval強制設置座標軸分割間隔。
• 因爲 splitNumber 是預估的值，實際根據策略計算出來的刻度可能無法達到想要的效果，這時候可以使用 interval 配合 min、max 強制設定刻度劃分。

注：上述方式無法在類目軸（type:category）中使用。在時間軸（type: ‘time’）中需要傳時間戳，在對數軸（type: ‘log’）中需要傳指數值。

代碼實現如下：

var data = [[1,1],[2,1],[3,4],[4,7],[5,2],[6,2],[7,4],[8,3],[10,1],[11,1],[12,1],[13,1],[14,4],[15,3],[16,1],[18,1],[20,2],[22,2],[23,1],[25,1],[26,1],[27,4],[29,2],[30,1],[31,1],[32,2],[34,2],[35,3],[36,5],[37,3],[38,2],[42,2],[43,1],[46,1],[47,1],[48,3],[51,1],[53,1],[56,1],[62,2],[63,2],[65,3],[66,1],[67,1],[68,2],[69,1],[70,1],[71,1],[75,1],[77,1],[83,1],[85,2],[86,1],[88,1],[91,1],[96,1],[104,1],[106,1]];

option = {
    xAxis: {
        name:'天',
        type: 'value',
        interval:5, // 步長
        min:10, // 起始
        max:50 // 終止
    },
    yAxis: {
        name:'合同個數',
        type: 'value',
        interval:1, // 步長
        min:0, // 起始
        max:5 // 終止
    },
    series: [
        {
            
            type: 'line',
            smooth: true,
            data: data
        }
    ]
};

interval會首先保證可以整分的刻度（也就是說，interval必須是整數），先按照規定步長劃分。剩餘刻度不再劃分。例如：min=0，max=5時，如果interval=2時，刻度就爲2、2、1。