[visualization-api] Column Chart with a different color in each column with json

[Juan Sedano]

I´m trying to add a different color in each column, i have the following 
code to draw the chart:

var formDataKinder = {type:"Kinder"};
var jsonDataKinder = $.ajax({
    type: "POST",
    data : formDataKinder,      
    url: "./content/chartsData.php",
    dataType:"json",
    async: false
}).responseText;


var dataKinder = new google.visualization.DataTable(jsonDataKinder);


var optionsKinder = {
    legend: 'none',
    chartArea: {'width': '80%', 'height': '80%'}
};


var chartKinder = new google.visualization.ColumnChart(document.
getElementById('Kinderchart'));
chartKinder.draw(dataKinder, optionsKinder);

I add the style in the array but the column do not change:

{"cols": [
        {"id":"","label":"Grado","pattern":"","type":"string"},
        {"id":"","label":"Estudiantes","pattern":"","type":"number"},
        {"id":"","role":"style","type":"string"}
    ],
    "rows": [
        {"c":[{"v":"1ro.","f":null},{"v":8,"f":null},{"p":"color: #A22979",
"f":null}]},
        {"c":[{"v":"2do.","f":null},{"v":23,"f":null},{"p":"color: #1D63BB",
"f":null}]},
        {"c":[{"v":"3ro.","f":null},{"v":32,"f":null},{"p":"color: #D72D16",
"f":null}]}         
]}

Any idea?

-- 
You received this message because you are subscribed to the Google Groups 
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.