配置项如下
option = {
title: {
text: '折线图堆叠'
},
tooltip: {
trigger: 'axis'
},
legend: {
data: ['当前', '一周前', '两周前', '四周前']
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
toolbox: {
feature: {
saveAsImage: {}
}
},
xAxis: {
type: 'category',
boundaryGap: false,
axisLabel: {
showMaxLabel: true
},
data: ["2020-01-14 00:15:00", "2020-01-14 00:30:00", "2020-01-14 00:45:00", "2020-01-14 01:00:00", "2020-01-14 01:15:00", "2020-01-14 01:30:00", "2020-01-14 01:45:00", "2020-01-14 02:00:00", "2020-01-14 02:15:00", "2020-01-14 02:30:00", "2020-01-14 02:45:00", "2020-01-14 03:00:00", "2020-01-14 03:15:00", "2020-01-14 03:30:00", "2020-01-14 03:45:00", "2020-01-14 04:00:00", "2020-01-14 04:15:00", "2020-01-14 04:30:00", "2020-01-14 04:45:00", "2020-01-14 05:00:00", "2020-01-14 05:15:00", "2020-01-14 05:30:00", "2020-01-14 05:45:00", "2020-01-14 06:00:00", "2020-01-14 06:15:00", "2020-01-14 06:30:00", "2020-01-14 06:45:00", "2020-01-14 07:00:00", "2020-01-14 07:15:00", "2020-01-14 07:30:00", "2020-01-14 07:45:00", "2020-01-14 08:00:00", "2020-01-14 08:15:00", "2020-01-14 08:30:00", "2020-01-14 08:45:00", "2020-01-14 09:00:00", "2020-01-14 09:15:00", "2020-01-14 09:30:00", "2020-01-14 09:45:00", "2020-01-14 10:00:00", "2020-01-14 10:15:00", "2020-01-14 10:30:00", "2020-01-14 10:45:00", "2020-01-14 11:00:00", "2020-01-14 11:15:00", "2020-01-14 11:30:00", "2020-01-14 11:45:00", "2020-01-14 12:00:00", "2020-01-14 12:15:00", "2020-01-14 12:30:00", "2020-01-14 12:45:00", "2020-01-14 13:00:00", "2020-01-14 13:15:00", "2020-01-14 13:30:00", "2020-01-14 13:45:00", "2020-01-14 14:00:00", "2020-01-14 14:15:00", "2020-01-14 14:30:00", "2020-01-14 14:45:00", "2020-01-14 15:00:00", "2020-01-14 15:15:00", "2020-01-14 15:30:00", "2020-01-14 15:45:00", "2020-01-14 16:00:00", "2020-01-14 16:15:00", "2020-01-14 16:30:00", "2020-01-14 16:45:00", "2020-01-14 17:00:00", "2020-01-14 17:15:00", "2020-01-14 17:30:00"]
},
yAxis: {
type: 'value',
position: 'right',
},
series: [{
name: '当前',
type: 'line',
smooth: true,
data: [0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
},
{
name: '一周前',
type: 'line',
smooth: true,
data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
},
{
name: '两周前',
type: 'line',
smooth: true,
data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
},
{
name: '四周前',
type: 'line',
smooth: true,
data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
}
]
};