curl -X GET -u ppio-pi:Pplive123 "https://dcache.iqiyi.com/api/flow?deviceid=F5E1D8B7F758A37C&endtime=1597587593&starttime=1597505193"

https://dcache.iqiyi.com/dcache/multilinedevice/

按需加載的類別 https://github.com/apache/incubator-echarts/blob/master/index.js

George 朱红兵: ppio-pi

George 朱红兵: Pplive123

https://echarts.apache.org/examples/zh/editor.html?c=dynamic-data2

function randomData(t) { now = new Date(+now + oneDay); value = value + Math.random() * 21 - 10; return [ [now.getFullYear(), now.getMonth() + 1, now.getDate()].join('/'), Math.round(value) + t ]

}

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

data.push({name: now.toString(),
    value: randomData(1)});
    
data2.push({name: now.toString(),
    value: randomData(50)});

}

option = { title: { text: '动态数据 + 时间坐标轴' }, tooltip: { trigger: 'axis', formatter: function (params) { params = params[0]; var date = new Date(params.name); return date.getDate() + '/' + (date.getMonth() + 1) + '/' + date.getFullYear() + ' : ' + params.value[1]; }, axisPointer: { animation: false } }, xAxis: { type: 'time', splitLine: { show: false } }, yAxis: { type: 'value', boundaryGap: [0, '100%'], splitLine: { show: false } }, series: [{ name: '模拟数据', type: 'line', showSymbol: false, hoverAnimation: false, data: data }, { name: '模拟数据2', type: 'line', showSymbol: false, hoverAnimation: false, data: data2 }] };

setInterval(function () {

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

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

}, 1000);

https://echarts.apache.org/examples/zh/editor.html?c=area-simple