echarts X轴type设置为time--带有时间的格式化,根据跨度的范围来决定使用月,星期,日还是小时范围的刻度。

‘time’ 时间轴,适用于连续的时序数据,与数值轴相比时间轴带有时间的格式化,在刻度计算上也有所不同,例如会根据跨度的范围来决定使用月,星期,日还是小时范围的刻度。

echarts X轴type设置为time--带有时间的格式化,根据跨度的范围来决定使用月,星期,日还是小时范围的刻度。_第1张图片
看一下用了之后的效果:
echarts X轴type设置为time--带有时间的格式化,根据跨度的范围来决定使用月,星期,日还是小时范围的刻度。_第2张图片

话不多说,上代码:

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, alue])
})

你可能感兴趣的:(echarts)