Crie o tipo HighCharts-Column a partir do JSON
Estou tentando criar um highchart de tipo de coluna usando dados de json no seguinte formato:
[{"id":7,"dateV":"2015-11-16","count":10},{"id":6,"dateV":"2015-11-15","count":3},{"id":5,"dateV":"2015-11-14","count":15},{"id":4,"dateV":"2015-11-13","count":10},{"id":3,"dateV":"2015-11-12","count":6},{"id":2,"dateV":"2015-11-11","count":8},{"id":1,"dateV":"2015-11-10","count":5}]
O eixo X deve mostrar os valores da data e o eixo Y deve mostrar a contagem. De alguma forma, eu não sou capaz de transformar esse JSON no formato necessário.
Aqui está o meu código.
<script type="text/javascript">
$('#myButton').click(function() {
var options = {
chart: {
renderTo: 'chartContainerDiv',
type: 'column'
},
series: [{}]
};
var url = "callToControllerURL";
$.getJSON(url, function(data) {
console.log(JSON.stringify(data));
options.series[0].data = JSON.stringify(data);
var chart = new Highcharts.Chart(options);
});
});
</script>
o log do console mostra o JSON no formato especificado acima. Eu estou supondo que eu tenho que formar os valores dos eixos xey da matriz de opções. Como eu faço isso?