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 = [];https://jsfiddle.net/soumyagangamwar/esxmu95z/28/#
      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);
    // if(!futureformatdata.find(i=>i[0]===temp[0])) {
     futureformatdata.push(temp)
    // }
    }
    for(var i = 0; i < futureData.length; i++) {
      var temp = [];
      temp.push(futureData[i].xlabel);
      temp.push(futureData[i].amount);
     if(!futureformatdata.find(i=>i[0]===temp[0])) {
      futureformatdata.push(temp)
     }
      
    }
    console.log(pastformatdata, 'pastformatdata')
    console.log(futureformatdata, '  this.futuredates')