Crear tipo HighCharts-Column desde JSON
Estoy tratando de crear un gráfico alto de tipo columna utilizando datos de json en el siguiente 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}]
El eje X debería mostrar los valores de fecha y el eje Y debería mostrar el recuento. De alguna manera no puedo transformar este JSON en el formato requerido.
Aquí está mi 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>
El registro de la consola muestra el JSON en el formato especificado anteriormente. Supongo que tengo que formar los valores de los ejes xey a partir de la matriz de opciones. ¿Cómo lo hago?