echarts x轴 type=‘time‘

关于x轴的设置在开发中是很常见的操作,如果只是设置一些定死的数据,那么就很简单,但是如果要设置某个可变的,且数量很多的x轴的话,不是一件很简单的事情了,比如我最近在工作中就遇到了,下面来和大家一起分享一下:

开发需求如下:一个折线图表,默认显示前一个月的数据。
思路:
x轴是时间轴,所以xAxis.type = ‘time’,那么,显示的时间数据是怎么来的呢?
1、一开始我使用的是xAxis.min:new Date(开始时间) xAxis.max:new Date(结束时间) ,这样确实是可以的,但是我们只给了开始时间和结束时间,那么这其中的刻度是怎么计算的呢,我们不得而知,可能是自动生成的吧,所以出现了以下的情况:
在这里插入图片描述
天数重复了,所以我不得不放弃这种选择。

2、后来,我发现series.data,不光可以是一个数组,而且他可以是一个二维数组,例如:series.data=[[x轴标签,value]],这样我们就可以利用for循环来实现赋值。

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值