0

quiero hacer un pie chart con angularjs, si meto los datos a mano me sale perfecto. El problema llega cuando intento mostrar los datos sacados de una base de datos.

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);

      function drawChart() {

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          ['Work',     11],
          ['Eat',      2],
          ['Commute',  2],
          ['Watch TV', 2],
          ['Sleep',    7]
        ]);

        var options = {
          title: 'My Daily Activities'
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);
      }
    </script>

El var data tendría que tener algo como

    var data = google.visualization.arrayToDataTable([
     ['FECHA', 'HORAS'],
     foreach(d in datosHoras){
      ['d.day', d.seconds]
}
])

Pero no me dibuja nada.
Gracias.

2
  • El último trozo de código no es javascript válido, ¿qué quieres hacer? Commented el 2 ene. 2020 a las 16:30
  • Algo asi, que pueda recorrer un array y mostrarlo Commented el 2 ene. 2020 a las 16:31

1 respuesta 1

1

Si lo único que te falta es solo saber como unir esos array seria de esta forma, para corregir el error de sintaxis

var data = google.visualization.arrayToDataTable(
    [
        ['FECHA', 'HORAS']
    ].concat(
        datosHoras.map(d => ['d.day', d.seconds])
    )
)
1
  • Muchas gracias, funcionó a la perfección. Commented el 3 ene. 2020 a las 7:33

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.