Skip to main content
se añadieron 845 caracteres en el cuerpo; etiquetas editadas
Origen Enlace

Como agregar un array de objetos a chartjs. El controlador de esa vista envía a la plantilla twig un arreglo a travésarray de la variable {{cg}} objeto.De la forma en que lo estoy haciendo obtengo un error que lo que estoy pasando es un arrayhaciendono se muestran los valores de arraymes 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('cg'
        'respuesta' => $sql));$jsonResponse

    ));
}
         var areaChartData =valormes=[];
         var valorimp=[];                      

         $.ajax({
             url: 'http://localhost/PECNEA/web/app_dev.php/cg1', //Tu archivo donde estará tu consulta
             type: 'POST',
  labels           dataType: 'json',
         })
             .done(function(respuesta) {
                 for (var i = 0; i < respuesta.results.length - 1; i++) {cg
                     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                : {{cg.imp}}valorimp
    }
    
  ]
}

Como agregar un array de objetos a chartjs. El controlador de esa vista envía a la plantilla twig un arreglo a través de la variable {{cg}} .De la forma en que lo estoy haciendo obtengo un error que lo que estoy pasando es un array de array.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")
     */
    public function cg1Action()
    {
        $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);            
        return $this->render('default/consultag1.html.twig', array('cg' => $sql));
    }
var areaChartData = {

  labels  : {{cg.mes}}
  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                : {{cg.imp}}
    }
    
  ]
}

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

    ));
}
         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
    }
    
  ]
}
se añadieron 186 caracteres en el cuerpo; título editado
Origen Enlace

Obtener Agregar un arreglo que retorno del controladorarray de objeto a la vista en chartjsChartJS

ObtenerComo agregar un arreglo que retorno del controladorarray de objetos a la vista en chartjs pero el objeto que envio. El controlador de esa vista envía a la vista twuig esplantilla twig un arreglo a través de objetosla variable {{cg}} . DeDe la forma en que lo estoy haciendo no me funcionaobtengo un error que lo que estoy pasando es un array de array.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")
     */
    public function cg1Action()
    {
        $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);            
        return $this->render('default/consultag1.html.twig', array('cg' => $sql));
    }

Plantilla Twig, código js

var areaChartData = {

  labels  : {{cg.mes}}
  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                : {{cg.imp}}
    }
    
  ]
}

Obtener un arreglo que retorno del controlador a la vista en chartjs

Obtener un arreglo que retorno del controlador a la vista en chartjs pero el objeto que envio a la vista twuig es un arreglo de objetos. De la forma en que lo estoy haciendo no me funciona Controlador:

    /**
     * @Route("/cg1", name="cg1")
     */
    public function cg1Action()
    {
        $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);            
        return $this->render('default/consultag1.html.twig', array('cg' => $sql));
    }

Plantilla Twig, código js

var areaChartData = {

  labels  : {{cg.mes}}
  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                : {{cg.imp}}
    }
    
  ]
}

Agregar un array de objeto a ChartJS

Como agregar un array de objetos a chartjs. El controlador de esa vista envía a la plantilla twig un arreglo a través de la variable {{cg}} .De la forma en que lo estoy haciendo obtengo un error que lo que estoy pasando es un array de array.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")
     */
    public function cg1Action()
    {
        $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);            
        return $this->render('default/consultag1.html.twig', array('cg' => $sql));
    }

Plantilla Twig, código js

var areaChartData = {

  labels  : {{cg.mes}}
  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                : {{cg.imp}}
    }
    
  ]
}
cuerpo editado; título editado
Origen Enlace

Mostrar Obtener un arreglo que obtengoretorno del controlador a la vista en chartjs

MostrarObtener un arreglo que obtengoretorno del controlador a la vista en chartjs pero el objeto que envio a la vista twuig es un arreglo de objetos. De la forma en que lo estoy haciendo no me funciona Controlador:

    /**
     * @Route("/cg1", name="cg1")
     */
    public function cg1Action()
    {
        $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);            
        return $this->render('default/consultag1.html.twig', array('cg' => $sql));
    }

Plantilla Twig, código js

var areaChartData = {

  labels  : {{cg.mes}}
  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                : {{cg.imp}}
    }
    
  ]
}

Mostrar un arreglo que obtengo del controlador a la vista en chartjs

Mostrar un arreglo que obtengo del controlador a la vista en chartjs pero el objeto que envio a la vista twuig es un arreglo de objetos. Controlador:

    /**
     * @Route("/cg1", name="cg1")
     */
    public function cg1Action()
    {
        $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);            
        return $this->render('default/consultag1.html.twig', array('cg' => $sql));
    }

Plantilla Twig, código js

var areaChartData = {

  labels  : {{cg.mes}}
  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                : {{cg.imp}}
    }
    
  ]
}

Obtener un arreglo que retorno del controlador a la vista en chartjs

Obtener un arreglo que retorno del controlador a la vista en chartjs pero el objeto que envio a la vista twuig es un arreglo de objetos. De la forma en que lo estoy haciendo no me funciona Controlador:

    /**
     * @Route("/cg1", name="cg1")
     */
    public function cg1Action()
    {
        $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);            
        return $this->render('default/consultag1.html.twig', array('cg' => $sql));
    }

Plantilla Twig, código js

var areaChartData = {

  labels  : {{cg.mes}}
  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                : {{cg.imp}}
    }
    
  ]
}
Origen Enlace
Loading