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

‘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])
})
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值