Format json array to chart input

Question

Hi i am getting json array as response of ajax request:

{"chart":{"2016-03-08":"1","2016-03-07":"4","2016-03-06":0,"2016-03-05"
:0,"2016-03-04":0,"2016-03-03":"145","2016-03-02":0}}

Now i want to prepare a chart by giving these values to chart input as below: ( i want output like this from above array )

                              data: [{
                                    y: '2016-03-07',
                                    a: 100
                                    }, {
                                        y: '2016-03-08',
                                        a: 75
                                    }, {
                                        y: '2016-03-06',
                                        a: 50
                                    }, {
                                        y: '2016-03-05',
                                        a: 75
                                    }, {
                                        y: '2016-03-09',
                                        a: 50
                                    }, {
                                        y: '2016-03-03',
                                        a: 75
                                    }, {
                                        y: '2016-03-02',
                                        a: 180
                                    }
                                ],

I have tried :

var chart_params = {};
for (var key in data_chart) {
     let value = data_chart[key];
     chart_params = '{ y:'+ key+ ', a: '+value+' }';
}
console.log(chart_params);

but it is not giving output as expected

madalinivascu · Accepted Answer · 2016-03-08 11:03:52Z

1

Try this

data = {"chart":{"2016-03-08":"1","2016-03-07":"4","2016-03-06":0,"2016-03-05" :0,"2016-03-04":0,"2016-03-03":"145","2016-03-02":0}}

var chart_params = [];
data_chart = data.chart;
 for (var key in data_chart) {
      var value = data_chart[key];
      chart_params.push({ y: key, a:value});
}
 console.log(chart_params);

jsfiddle: https://jsfiddle.net/hb8qd1p8/1/

edited Mar 8, 2016 at 11:03

answered Mar 8, 2016 at 10:58

madalinivascu

32.4k4 gold badges41 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

madalinivascu Over a year ago

@dreamstrue you can mark as answered if it solved your problem

mmuzahid Over a year ago

@dreamstrue , If it worked for you then Why "cant upvote" !

dreams true Over a year ago

i am new user and Min 15 reputation required. :( if you up-vote our que thn i can get... may be

dreams true Over a year ago

@madalinivascu m new.. how to mark answered as it got solved?

BenG · Accepted Answer · 2016-03-08 11:19:35Z

1

@madalin's answer is the correct fix for your issue, though another option to accomplish what you want is to use map:-

var data = {"chart":{"2016-03-08":"1","2016-03-07":"4","2016-03-06":0,"2016-03-05":0,"2016-03-04":0,"2016-03-03":"145","2016-03-02":0}};

var array = Object.keys(data.chart).map(function (key) {
  return { y: key, a: data.chart[key] }; 
});

document.write(JSON.stringify(array, null, 4));

answered Mar 8, 2016 at 11:19

BenG

15.2k5 gold badges48 silver badges62 bronze badges

1 Comment

dreams true Over a year ago

it got solved. Thank you so much for your answer.. i will up-vote once i will have 15 repo :)

Collectives™ on Stack Overflow

Format json array to chart input

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related