Trouble with Google candlestick charts populated with jquery post.

[Inaer]

Like the title says, I am trying to use google's candlestick charts, specifically this one: https://code.google.com/apis/ajax/pl...dlestick_chart

This is the part I'm having issues with:

var dataTable = google.visualization.arrayToDataTable([
       ['Mon', 20, 28, 38, 45],
       ['Tue', 31, 38, 55, 66],
       ['Wed', 50, 55, 77, 80],
       ['Thu', 77, 77, 66, 50],
       ['Fri', 68, 66, 22, 15]
    // Treat first row as data as well.
    ], true);

Now to put my own data in there I'm trying to use jquery to post and return data from a php script and I'm quite sure this part works because I can append the data to a div. What I've got looks like this:

$.post("callback.php", { action: "2", sym: "SS.IN" })
.done(function(data) {
        $.each($.parseJSON(data), function(index,value){
                value.date
                value.low
                value.open
                value.close
                value.high
        });
})

I know that the above code doesn't output anything but I am just showing the available variables. The problem I'm having here is taking these values and adding them to google's code formatted correctly. At this point I am stumped and need help mixing the two.

Thanks if you can help!

[devnull69]

You need to push your values into an array and then push that array into another array. This second array will then be the parameter for the google visualisation.

var outerArray = [];
        $.each($.parseJSON(data), function(index,value){
                var innerArray = [];
                innerArray.push(value.date);
                innerArray.push(value.low);
                innerArray.push(value.open);
                innerArray.push(value.close);
                innerArray.push(value.high);
                outerArray.push(innerArray);
        });
var dataTable = google.visualization.arrayToDataTable(outerArray, true);