JSFiddle - React, Tailwind, and code Playground

by soumya gangamwar

JavaScript

var pastData  = [
  {
    "xlabel": "25-31/10",
    "amount": 580
  },
  {
    "xlabel": "01-07/11",
    "amount": 100
  }
]

var futureData = [
{
    "xlabel": "01-07/11",
    "amount": 120
  },
  {
    "xlabel": "08-14/11",
    "amount": 620
  },
  {
    "xlabel": "15-21/11",
    "amount": 100
  }
]

var pastformatdata = [];
var futureformatdata = [];

 var weeklyviewcatogies = [...pastData, ...futureData];
    console.log(weeklyviewcatogies, 'this.weeklyviewcatogies');
    for(var i = 0; i < pastData.length; i++) {
      var temp = [];
      temp.push(pastData[i].xlabel);
      temp.push(pastData[i].amount);
      pastformatdata.push(temp)
    }
    for(var i = 0; i < futureData.length; i++) {
      var temp = [];
      temp.push(futureData[i].xlabel);
      temp.push(0);
      pastformatdata.push(temp)
    }

    for(var i = 0; i < pastData.length; i++) {
      var temp = [];
      temp.push(pastData[i].xlabel);
      temp.push(0);
     futureformatdata.push(temp)
    }
    for(var i = 0; i <=futureData.length-1; i++) {
      var temp = [];
      temp.push(futureData[i].xlabel);
      temp.push(futureData[i].amount);
//       console.log(temp[0]);
      console.log(futureformatdata.find(i=>i[0]===temp[0]))
//       console.log(futureformatdata)
      if((futureformatdata.find(i=>i[0]===temp[0]))){
         futureformatdata=futureformatdata.filter(i=>i[0]!=temp[0])
         futureformatdata.push(temp)
      }else{
        futureformatdata.push(temp)
      }
     
    }
    console.log(pastformatdata, 'pastformatdata')
    console.log(futureformatdata, '  this.futuredates')