ECharts x轴设置成时间间隔

问题：

data=[
    {
        value: [
            "1997-10-1",
            684
        ]
    },
    {
      
        value: [
            "1997-10-2",
            200
        ]
    },
    {
      
        value: [
            "1997-10-15",
            300
        ]
    }]

option = {
    xAxis: {
        type: 'time'
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: data,
        type: 'line'
    }]
};

现在x轴是根据数据为三个平均分的，我现在怎么让它以时间间隔大小分配宽度？

解决：查看Echarts文档

xAxis.type string
[ default: 'category' ]
坐标轴类型。

可选：

'value' 数值轴，适用于连续数据。

'category' 类目轴，适用于离散的类目数据，为该类型时必须通过 data 设置类目数据。

'time' 时间轴，适用于连续的时序数据，与数值轴相比时间轴带有时间的格式化，在刻度计算上也有所不同，例如会根据跨度的范围来决定使用月，星期，日还是小时范围的刻度。

'log' 对数轴。适用于对数数据。

将 xAxis.type设置为 time

data=[
    {
        value: [
            "1997-10-1",
            684
        ]
    },
    {
      
        value: [
            "1997-10-2",
            200
        ]
    },
    {
      
        value: [
            "1997-10-15",
            300
        ]
    }]

option = {
    xAxis: {
        type: 'time'
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: data,
        type: 'line'
    }]
};

完成。。。

虽然比较简单，但是为了实现这样的效果，从网上找了很多博客都说的很含糊，不直接。

这是从Echarts 实例精简而来：http://www.echartsjs.com/examples/editor.html?c=dynamic-data2