nodejs数据统计展示本年的数据并以月份为横坐标

最新推荐文章于 2024-03-14 10:50:32 发布

Demo_xr

最新推荐文章于 2024-03-14 10:50:32 发布

阅读量534

点赞数

分类专栏：笔记文章标签： node.js js

本文链接：https://blog.csdn.net/tirst_/article/details/113255580

版权

JavaScript 数据统计日期处理数组操作填充缺失数据

关键词由CSDN通过智能技术生成

笔记专栏收录该内容

30 篇文章 0 订阅

订阅专栏

这里写目录标题

1.统计图展示
2.逻辑实现

1.统计图展示

在这里插入图片描述

2.逻辑实现

const data = [
{
        time: 2021-1-11,
        count: 2,
        tourist:4
},
{
        time: 2021-1-11,
        count: 2,
        tourist:4
},
{
        time: 2021-2-11,
        count: 2,
        tourist:4
}]
    const touristMap = {}
    const countMap = {}
    for (const item of data) {
      const regexpRes = /(\d{4})-(\d{2})-(\d{2})/.exec(item.time) // 正则分割
      if (parseInt(regexpRes[1]) === new Date().getFullYear()) //和当前年份比较
      {
        const mounth = regexpRes[2]
        if (!touristMap[mounth]) {
          touristMap[mounth] = item.tourist
        } else {
          touristMap[mounth] += item.tourist
        }
        if (!countMap[mounth]) {
          countMap[mounth] = item.count
        } else {
          countMap[mounth] += item.count
        }
      }
    }
    console.log(touristMap)
    const arr = []
    for (const key in touristMap) {
      const value = parseInt(key.replace(/\b(0+)/gi, '')) // 分割出去第一位为0的
      arr.push({
        mounth: value,
        count: countMap[key],
        tourist: touristMap[key]
      })
    }
const oneData = []
    for (let t = 1; t <= 12; t++) { // 循环12个月
      oneData.push({ mounth: t, count: 0, tourist: 0 })
    }
    oneData.map(reward => {
      arr.map(towReward => {
        if (reward.mounth === towReward.mounth) {
          reward.count = towReward.count
          reward.tourist = towReward.tourist
        }
        return reward
      })
    })
    return oneData