Echarts在线免费图表

 
            function randomData(next) {
    now = new Date(+now + oneDay);
    value = value + Math.random() * 21 - next;
    return {
        name: now.toString(),
        value: [
            [now.getFullYear(), now.getMonth() + 1, now.getDate()].join('/'),
            Math.round(value)
        ]
    }
}
function randomData1(next) {
    now1 = new Date(+now1 + oneDay1);
    value1 = value1 + Math.random() * 21 - next;
    return {
        name: now1.toString(),
        value: [
            [now1.getFullYear(), now1.getMonth() + 1, now1.getDate()].join('/'),
            Math.round(value1)
        ]
    }
}

var data1 = [];
var now = +new Date(1997, 9, 3);
var oneDay = 24 * 3600 * 1000;
var value = Math.random() * 1000;
for (var i = 0; i < 1000; i++) {
    data1.push(randomData(9));
}

var data2 = [];
var now1 = +new Date(1997, 9, 3);
var oneDay1 = 24 * 3600 * 1000;
var value1 = Math.random() * 2000;
for (var i = 0; i < 1000; i++) {
    data2.push(randomData1(10));
}

option = {
    title: {
        text: ''
    },
    tooltip: {
        trigger: 'axis',

        axisPointer: {
            animation: false
        }
    },
    xAxis: {
        type: 'time',
        splitLine: {
            show: false
        }
    },
    yAxis: {
            name: '设备编号:JJ01',
            type: 'value',
            boundaryGap: [0, '100%'],
            splitLine: {
                show: false
            },
            position: 'left',

        },
    series: [{
            name: 'VD20',
            type: 'line',
            showSymbol: false,
            hoverAnimation: false,
            data: data1,
           
        },
        {
            name: 'VD64',
            type: 'line',
            showSymbol: false,
            hoverAnimation: false,
            data: data2,
           
        }
    ]
};

setInterval(function() {

    for (var i = 0; i < 5; i++) {
        data1.shift();
        data1.push(randomData(9));
           data2.shift();
        data2.push(randomData1(10));
    }
  
    myChart.setOption({
        series: [{
                data: data1
            },
            {
                data: data2
            }
        ]
    })
}, 800);