‘time’ 时间轴,适用于连续的时序数据,与数值轴相比时间轴带有时间的格式化,在刻度计算上也有所不同,例如会根据跨度的范围来决定使用月,星期,日还是小时范围的刻度。
看一下用了之后的效果:
话不多说,上代码:
var option = {
title: {
text: text,
},
tooltip: {
trigger: 'axis', // 显示横坐标值
},
legend: {
data:['指标值']
},
xAxis: {
type: 'time',
splitLine: {
show: false
}
},
yAxis: {
type: 'value'
},
series: [{
type: 'line',
data: xy,
}]
};
xAxis没设置data,x轴的数据哪来的????
关键在series挂载的data!!它是二维数组!!二维的!!
// data准备好,里面包含了x轴和y轴的数据,遍历,push
Data.forEach(item => {
xy.push([time, value])
})