不是成品,但是可以作爲24小時數據模擬的模板
參考文章:https://blog.csdn.net/yin138/article/details/53730498
var data = [
{name:'2019/12/18 6:38:08', value:['2019/12/18 6:38:08', 20]},
{name:'2019/12/18 16:18:18', value:['2019/12/18 11:18:18', 60]},
{name:'2019/12/18 19:18:18', value:['2019/12/18 19:18:18', 10]}
];
var anchor = [
{name:'2019/12/18 03:00:00', value:['2019/12/18 06:00:00', 10]},
{name:'2019/12/18 00:00:00', value:['2019/12/18 17:00:00', 30]}
];
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:'.anchor',
type:'line',
showSymbol:false,
data:anchor,
}]
};