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 t = {};
                var tp = {};
                    var tf = {};
            function mf(a) {
                    t[a.xlabel] = a.amount; 
                    tf[a.xlabel] = a.amount; 
            }
               function mp(a) {
                    t[a.xlabel] = a.amount;
                    tp[a.xlabel] = a.amount;
                }
            function result(t1){
               var re=[];
                for (const k in t1) {
                    if (t.hasOwnProperty(k)) {
                        const v = t1[k];

                        re.push([k, v]);
                    }
                }
                return re;
            }
            pastData.forEach(mp);
             futureData.forEach(mf);
             for (const k in t) {
                 if (t.hasOwnProperty(k)) {
                     if (!tp.hasOwnProperty(k)) {
                         tp[k] = 0;
                     }
                       if (!tf.hasOwnProperty(k)) {
                         tf[k] = 0;
                     }
                 }
             }
         //  console.log(t,tp,tf);
           console.log(result(tp),'past')
          console.log( result(tf), result(t));