var data_in = [
10,10,21,21,12,12,11,11,52,45,87,98,15,56,15,10,
10,10,21,21,12,12,11,11,52,45,87,98,15,56,15,10,
10,10,21,21,12,12,11,11,52,45,87,98,15,56,15,10,
10,10,21,21,12,12,11,11,52,45,87,98,15,56,15,10,
10,10,21,21,12,12,11,11,52,45,87,98,15,56,15,10,
10,10,21,21,12,12,11,11,52,45,87,98,15,56,15,10,
10,10,21,21,12,12,11,11,52,45,87,98,15,56,15,10,10,10,21,21,12,12,11,11,52,45,87,98,15,56,15,10,
10,10,21,21,12,12,11,11,52,45,87,98,15,56,15,10,
10,10,21,21,12,12,11,11,52,45,87,98,15,56,15,10,
10,10,21,21,12,12,11,11,52,45,87,98,15,56,15,10,
10,10,21,21,12,12,11,11,52,45,87,98,15,56,15,10,
];
var oneDay = 24 * 3600 *1000;
var fiveMinutes = 300 * 1000;
var timestr = '2016/2/18 00:00:00';
var startTime = +new Date(timestr)-fiveMinutes;
//把new Date出来的时间格式转换为data123中的日期格式
function riqigeshi(now){
return now.toLocaleDateString() + ' ' + now.getHours() + now.toLocaleTimeString().substr(-6,6)
}
//用来返回data123一样的数据格式
function chartData(i,data,now) {
return {
value: [
riqigeshi(now),
data[i]/1024,
]
}
}
//把原数据改成data123一样的格式
function changeData(datain) {
var liuru = [];
for (var i = 0; i < 289; i++) {
startTime = new Date(+startTime + fiveMinutes);
liuru.push(chartData(i,datain,startTime));
}
return liuru;
}
var liuru = changeData(data_in);
console.log(liuru)
// var chart = echarts.init(document.getElementById("chart"));
option = {
grid:{
x:'3.6%',
y:'5%',
x2:'2.4%',
y2:'12%',
},
xAxis:{
type:'time',
splitNumber:24
},
yAxis:{
type:'value',
axisLabel:{
formatter:'{value} G' //给Y轴上的刻度加上单位
},
},
series:{
name: '流入',
type: 'line',
showSymbol: false,
symbolSize:12,
data: liuru,
lineStyle: {
normal: {
color:"rgb(55, 200, 143)",
shadowColor: 'rgba(55, 200, 143, .4)',
shadowBlur: 8,
shadowOffsetY: 10,
shadowOffsetX: 0,
},
},
areaStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: 'rgba(55, 200, 143, .4)'
}, {
offset: 1,
color: 'rgba(55, 200, 143, .1)'
}]),
}
}
}
};
function refresh() {
// liuru先shift(),再push()
var liuruShift = liuru.shift();
var liuruShiftVal = liuruShift.value[1];
var newlrtime = riqigeshi(new Date(+new Date(liuruShift.value[0])+oneDay+fiveMinutes));
liuru.push({
value:[newlrtime,liuruShiftVal]});
myChart.setOption({
series:{
data:liuru,
}
});
}
// setInterval(function () {
// refresh();
// },1000);```
echartsjs折线图(动态)
猜你喜欢
转载自blog.csdn.net/weixin_41854372/article/details/108527778
今日推荐
周排行