Echart折线图横坐标时间获取

Echarts

折线图的js

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [150, 230, 224, 218, 135, 147, 260],
      type: 'line'
    }
  ]
};

PS

因项目需要,前端需要展示折线图,我需要写接口,返回一周内的数据
默认是今天到前六天,一共七天
我需要在数据库根据创建时间,查询每天新增数据的总数
那么,问题来了?
我怎么获取今天和前六天的日期呢?
我又不能在代码里面写死,每天日期不同。
我在数据库查询的话,是时间范围查询,使用between
范围的话是每天的00:00:00 到 23:59:59
这样有怎么获取呢?
我想了一下午,都没想到一个好办法。。。

resolve

晚上回来了我想到了hutool的工具类,查一下资料,再到idea写个测试类一测,OK,完美搞定,明天工作中就可以用到啦。ooo 太不容易啦!!!晚上回来都还在想办法。。。
上代码:

public static void week() {
        DateTime dateTime = DateUtil.lastWeek();
        System.out.println("开始时间" + dateTime);
        System.out.println("---------------");
        DateTime startTime = DateUtil.beginOfDay(dateTime);
        DateTime endTime = DateUtil.endOfDay(dateTime);
        for (int i=1;i<8;i++){
            DateTime dateTime1 = DateUtil.offsetDay(startTime, i);
            System.out.println(dateTime1);
            DateTime dateTime2 = DateUtil.offsetDay(endTime, i);
            System.out.println(dateTime2);
            System.out.println("========");
            // 这里可以执行数据库的查询操作,前面声明一个list集合,然后将结果添加进集合里面
        }
    }
}

运行结果

开始时间2021-11-11 21:59:08
---------------
2021-11-12 00:00:00
2021-11-12 23:59:59
========
2021-11-13 00:00:00
2021-11-13 23:59:59
========
2021-11-14 00:00:00
2021-11-14 23:59:59
========
2021-11-15 00:00:00
2021-11-15 23:59:59
========
2021-11-16 00:00:00
2021-11-16 23:59:59
========
2021-11-17 00:00:00
2021-11-17 23:59:59
========
2021-11-18 00:00:00
2021-11-18 23:59:59
========

Process finished with exit code 0

非常完美,如果前端也需要你传横坐标的值,也非常简单,使用
String today = DateUtil.today(); 表示今天时间yyyy-MM-dd
这个的结果为yyyy-MM-dd,当天的日期
在写一个for循环,往前面-6,-5,一直到减0,就出来啦。
也是非常简单的

总结

hutool的工具类非常好用,多学习一下,总结一下,可以省好多代码。哈哈,我要多去学一学这些工具类。。。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值