1.灵感来自于基本数据基础循环转换

image.png

2.数据拆解重组

1.看图变化

image.png

image.png

image.png

//主要方法
 getData() {
      let xDataArr = this.timeSlot(60)
      var obj2 = {}
      console.log('bjo1 :>> ', bjo[1])
      let newAarry = bjo[1].map((v, i) => {
        var total = v
        let s = {
          [xDataArr[i]]: total
        }  // 数组关键代码
        
        obj2[[xDataArr[i]]] = total // 对象关键代码
        return s
      })

      console.log(newAarry)//新数组
      console.log('object :>> ', obj2)//新对象
 }，
    
 // 间隔几分钟，时间段数组
    timeSlot(step) {
      //  step = 间隔的分钟
      var date = new Date()
      date.setHours(0, 0) // 时分秒设置从零点开始
      date.setSeconds(0, 0)
      date.setUTCMinutes(0, 0)

      // var arr = []
      var timeArr = []
      var slotNum = (24 * 60) / step // 算出多少个间隔
      for (var f = 0; f < slotNum; f++) {
        //  stepM * f = 24H*60M
        // arr.push(new Date(Number(date.getTime()) + Number(step*60*1000*f)))   //  标准时间数组
        var time = new Date(
          Number(date.getTime()) + Number(step * 60 * 1000 * f)
        ) // 获取：零点的时间 + 每次递增的时间
        var hour = ''
        var sec = ''
        time.getHours() < 10
          ? (hour = '0' + time.getHours())
          : (hour = time.getHours()) // 获取小时
        time.getMinutes() < 10
          ? (sec = '0' + time.getMinutes())
          : (sec = time.getMinutes()) // 获取分钟
        timeArr.push(hour + ':' + sec)
      }
      return timeArr
    },