1

Recien empiezo con charjs y necesito imprimir valores de una base de datos, de momento estoy haciendo el ejercicio con números puestos directamente al código, el cual no me funciona. AJAX:

  $.ajax({
        data: { "cc":3},
        type: "POST",
        url: "qgetdata.php",

        success: function (data)
        {
            var ctx = document.getElementById("myChart").getContext("2d");

             var  lineChartData = data;
             //alert(JSON.stringify(data));
             var myLineChart = new Chart(ctx, {

               type: 'line',
               data: {
                labels: ['lunes', 'martes', 'miercoles', 'jueves', 'viernes', 'Sabado', 'domingo'],
                datasets: [
                {
                 lineChartData
                }]
              }, options :{

              }
            });
        }
      });

PHP donde tengo los datos que quiero dibujar en la gráfica:

$arrDatasets = array('label' => "elemento1",'fill' => "false", 'lineTension' => "0.1", 'pointBorderColor' => "rgba(75,192,192,1)", 'pointBorderWidth' => "3", 'pointHoverRadius' => "5", 'pointHoverBackgroundColor' => "rgba(220,220,220,1)", 'backgroundColor'=>"rgba(75,192,192,0.4)" , 'borderColor'=> "rgba(75,192,192,1)", 'spanGaps'=>"true", 'data' => array('28', '48', '40', '19', '86', '27', '90'));

echo (json_encode($arrDatasets));

1 respuesta 1

1

después de examinar un rato pude hacerlo funcionar, dejo la solución por si alguien más le sirve:

 $.ajax({
        data: { "cc":3},
        type: "POST",
        dataType: "json",
        url: "qgetdata.php",

        success: function (dataR)
        {
            var ctx = document.getElementById("myChart").getContext("2d");


            //alert(JSON.stringify(data));
            var myLineChart = new Chart(ctx, {

               type: 'line',
               data: {
                labels: ['lunes', 'martes', 'miercoles', 'jueves', 'viernes', 'Sabado', 'domingo'],
                datasets: [dataR] /// se debía ´pintar sin las llaves 
                 }, options :{

              }
            });
        }
      });

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.