Como agregar un array de objetos a chartjs. El controlador de esa vista envía a la plantilla twig un array de objeto.De la forma en que lo estoy haciendono se muestran los valores de mes e imp.En el atributo labels quiero poner el arreglo de meses y en el atributo data el arreglo de imp .Por favor tienen alguna idea de esto? Controlador:
/**
* @Route("/cg1", name="cg1")
* @Method({"GET", "POST"})
*/
public function cg1Action(Request $request)
{
$conn=$this->get('database_connection');
$consulta="SELECT SUM(consumo_combustible.importe) as imp, MONTH(consumo_combustible.fecha) as mes FROM consumo_combustible WHERE YEAR(consumo_combustible.fecha)=2018 GROUP BY consumo_combustible.fecha";
$sql=$conn->fetchAll($consulta);
$jsonResponse = json_encode($sql);
echo($jsonResponse);
return $this->render('default/consultag1.html.twig',array(
'respuesta' => $jsonResponse
));
}
Plantilla Twig, código js
var valormes=[];
var valorimp=[];
$.ajax({
url: 'http://localhost/PECNEA/web/app_dev.php/cg1', //Tu archivo donde estará tu consulta
type: 'POST',
dataType: 'json',
})
.done(function(respuesta) {
for (var i = 0; i < respuesta.results.length - 1; i++) {
var items = console.log(respuesta.results[i]);
valormes.push(items.mes)
valorimp.push(items.imp)
}
})
.fail(function() {
console.log("Error al cargar el arreglo");
});
var areaChartData = {
labels : valormes,
datasets: [
{
label : '2018',
fillColor : 'rgba(210, 214, 222, 1)',
strokeColor : 'rgba(210, 214, 222, 1)',
pointColor : 'rgba(210, 214, 222, 1)',
pointStrokeColor : '#c1c7d1',
pointHighlightFill : '#fff',
pointHighlightStroke: 'rgba(220,220,220,1)',
data : valorimp
}
]
}