1.靈感來自于基本數(shù)據(jù)基礎循環(huán)轉(zhuǎn)換

image.png

2.數(shù)據(jù)拆解重組

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
        }  // 數(shù)組關鍵代碼
        
        obj2[[xDataArr[i]]] = total // 對象關鍵代碼
        return s
      })

      console.log(newAarry)//新數(shù)組
      console.log('object :>> ', obj2)//新對象
 }，
    
 // 間隔幾分鐘，時間段數(shù)組
    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)))   //  標準時間數(shù)組
        var time = new Date(
          Number(date.getTime()) + Number(step * 60 * 1000 * f)
        ) // 獲?。毫泓c的時間 + 每次遞增的時間
        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
    },