动态数据 + 时间坐标轴echarts 折线配置项内容和展示

      function randomData() {
    var now = now + 1000;
    value = Math.random();
    return {
        name: now,
        value: value
    }
}

var data = [{
        name: '2016/12/18 6:38:08',
        value: ['2016/12/18 6:38:08', 80]
    },
    {
        name: '2016/12/18 6:38:09',
        value: ['2016/12/18 6:38:09', 80]
    },
    {
        name: '2016/12/18 6:38:10',
        value: ['2016/12/18 6:38:10', 60]
    },
    {
        name: '2016/12/18 6:38:12',
        value: ['2016/12/18 6:38:12', 75]
    },
    {
        name: '2016/12/18 6:38:14',
        value: ['2016/12/18 6:38:14', 30]
    },
    {
        name: '2016/12/18 16:18:18',
        value: ['2016/12/18 16:18:18', 60]
    },
    {
        name: '2016/12/19 19:18:18',
        value: ['2016/12/19 19:18:18', 90]
    }
];

// var now = new Date().getTime()
// var data = []

// for (var i = 0; i < 1000; i++) {
//     data.push(randomData());
// }

option = {
    title: {
        text: '动态数据 + 时间坐标轴'
    },
    // tooltip: {
    //     trigger: 'axis',
    //     axisPointer: {
    //         animation: false
    //     },
    // },
    xAxis: {
        type: 'time',
        splitLine: {
            show: false
        }
    },
    yAxis: {
        type: 'value',
        position:'right',
        boundaryGap: [0, '100%'],
        min: 20,
        max: 100,
        scale: true,
        interval: 100,
        splitLine: {
            show: false
        },
        axisLabel: {
            show: false
        }
    },
    series: [{
        name: '模拟数据',
        type: 'line',
        showSymbol: false,
        hoverAnimation: false,
        data: data,
        smooth: true
    }]
};

// setInterval(function() {

//     for (var i = 0; i < 5; i++) {
//         data.shift();
//         data.push(randomData());
//     }

//     myChart.setOption({
//         series: [{
//             data: data
//         }]
//     });
// }, 1000);