Estoy intentando crear un gráfico con highcharts a partir de unos datos que obtengo con ajax
mediante json
.
Este es mi .js
:
function graficoData (data) {
$('#chart1').highcharts({
chart: {
type: 'column'
},
title: {
text: 'Equipos por estados'
},
xAxis: {
categories: ['Activo', 'Reserva', 'En Reparación', 'Baja']
},
yAxis: {
title: {
text: 'Número de equipos'
}
},
series: data,
});
}
$(document).ready(function() {
$.ajax({
url: '/grafico-estados/',
type: 'GET',
async: true,
dataType: "json",
success: function (data) {
graficoData(data);
}
});
});
El data
que obtengo es:
[
{"estado":"Activo", "total":2},
{"estado":"Baja", "total":1},
{"estado":"Reserva", "total":1}
]
¿Cómo puedo hacerlo?
Gracias.