Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: robertito_prado en 22 Mayo 2012, 16:29 pm



Título: Alguien sabe para que sirve "google.visualization.Query" en los apis de google..
Publicado por: robertito_prado en 22 Mayo 2012, 16:29 pm
Alguien sabe para que sirve "google.visualization.Query" en los apis de google chart? Es que tengo que hacer que me coja datos de una base de datos y tengo que cambiar la query, el campo "datasource" y el campo "gadget"... He buscado por ahi a montones pero no aparece nada (en español al menos) ya que esto son unos graficos muy nuevos...
Aqui les dejo el ejemplo, aunke no se si me he explicado bien, gracias:
///////////////////////////////////

 function drawVisualization() {
    var container = document.getElementById('visualization_div');
   new google.visualization.Query('../conexion.php').
      send(queryCallback);        
   // Create and populate the data table.
        var data = google.visualization.arrayToDataTable([
          ['Aplicaciones',<?php echo "'".$variable[0]."',";
         echo "'".$variable[1]."'],";?>
     <?php for ($y=0; $y<$filasaplicacion; $y++){
         echo "['".$apli[$y]."'";
         for ($x=0; $x<3; $x++){
              echo ",".$datos[$x][$y];
         }
         echo "],"."\n";
      } ?>
   ]);

        // Create and draw the visualization.
        new google.visualization.ColumnChart(container).
            draw(data,
                 {title:"Consumo de aplicaciones de la ultima semana",
                  width:800, height:600,
                   isStacked: true,
        vAxis: {title: "Tiempo"}}
            );
      }

      function queryCallback(response) {
             visualization.draw(response.getDataTable());
      }

      function drawToolbar() {
      var components = [
        {type: 'igoogle', datasource: 'http://spreadsheets.google.com/tq?key=pCQbetd-CptHnwJEfo8tALA&pub=1',
          gadget: 'http://www.google.com/ig/modules/pie-chart.xml',
          userprefs: {'3d': 1}},
        {type: 'html', datasource: 'http://spreadsheets.google.com/tq?key=pCQbetd-CptHnwJEfo8tALA&pub=1'},
        {type: 'csv', datasource: 'http://spreadsheets.google.com/tq?key=pCQbetd-CptHnwJEfo8tALA&pub=1'},
        {type: 'htmlcode', datasource: 'http://spreadsheets.google.com/tq?key=pCQbetd-CptHnwJEfo8tALA&pub=1',
          gadget: 'localhost/portal-estadisticas-v2/graphs/Apis-google/time_semana2.php'}
      ];
    
      var container = document.getElementById('toolbar_div');
      google.visualization.drawToolbar(container, components);
    };

//////////////////////////////