Hola nunca habia trabajado con un json, y no tengo ni idea de como es que se puede leer para graficarlo en chartjs, este es mi json
[
{
"Anio":2016,
"Bovino":"48,148.76",
"Porcino":"10,153.27"
},
{
"Anio":2017,
"Bovino":"45,501.43",
"Porcino":"10,801.30"
},
{
"Anio":2018,
"Bovino":"46,365.48",
"Porcino":"11,010.21"
},
{
"Anio":2019,
"Bovino":"44,627.29",
"Porcino":"10,228.82"
}
]
He intentado con el siguiente ejemplo
var jsonfile = {
"jsonarray": [
{
"Anio":2016,
"Bovino":"48,148.76",
"Porcino":"10,153.27"
},
{
"Anio":2017,
"Bovino":"45,501.43",
"Porcino":"10,801.30"
},
{
"Anio":2018,
"Bovino":"46,365.48",
"Porcino":"11,010.21"
},
{
"Anio":2019,
"Bovino":"44,627.29",
"Porcino":"10,228.82"
}
]
};
var labels = jsonfile.jsonarray.map(function(e) {
return e.Anio;
});
var data = jsonfile.jsonarray.map(function(e) {
return e.Bovino,e.Porcino;
});;
var ctx = canvas.getContext('2d');
var config = {
type: 'bar',
data: {
labels: labels,
datasets: [{
label: ['Bovino','Porcino']
data: data,
backgroundColor: 'rgba(0, 119, 204, 0.3)'
}]
}
};
var chart = new Chart(ctx, config);
no me aparece nada en pantalla eso significa que esta mal, pero no se cual es mi error
return e.Bovino,e.Porcino;
. ¿Qué quieres mostrar comodata
?