动态X轴问题

描述:当前是关于Echarts图表中的 折线图 示例。
 
            option = {
    title: {
        text: 'Awesome Chart'
    },
    grid: {
        left: 45,
        top: 60,
        right: 20,
        bottom: 100
    },
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        selectedMode: 'single',
        top: 230,
        //    	    	bottom:20,
        left: 'center',
        itemWidth: 0,
        itemGap: 0,
        data: [{
            name: '轻油',
            icon: 'none',
        }, {
            name: '重油',
            icon: 'none',
        }],
    },
    xAxis: {
        data: [1, 2, 3, 4, 5, 6, 7]
    },
    yAxis: {},
    series: [{
        name: '轻油',
        type: 'line',
        data: [null, null, null, null, 7, 8, 9],
        showSymbol: false,
        smooth: true,
    }, {
        name: '重油',
        type: 'line',
        data: [5, 6, 7, 8, 9, 10],
        showSymbol: false,
        smooth: true,
    }, ]
};