Foros del Web » Programando para Internet » PHP »

Google Charts PHP - MySQL

Estas en el tema de Google Charts PHP - MySQL en el foro de PHP en Foros del Web. Estimados, Antes que nada saludarlos, y trasladarles mi consulta. Estoy tratando de graficar, algo sencillo. He buscado, pero mi expertice es bajo. La idea es, ...
  #1 (permalink)  
Antiguo 01/11/2013, 07:02
 
Fecha de Ingreso: julio-2013
Mensajes: 19
Antigüedad: 6 años, 5 meses
Puntos: 2
Información Google Charts PHP - MySQL

Estimados,

Antes que nada saludarlos, y trasladarles mi consulta.

Estoy tratando de graficar, algo sencillo. He buscado, pero mi expertice es bajo.

La idea es, de una BBDD, sacar de 1 tabla 3 campos.

1.Jugador
2.Coordenda X
3. Coordenada Y

De hecho, dejo la tabla.

Código SQL:
Ver original
  1. CREATE TABLE `jugadores` (
  2.   `id` INT(11) NOT NULL AUTO_INCREMENT,
  3.   `jugador` VARCHAR(100) NOT NULL,
  4.   `coox` INT(11) NOT NULL,
  5.   `cooy` INT(11) NOT NULL,
  6.   `alianza` VARCHAR(100) NOT NULL,
  7.   `mundo` VARCHAR(110) DEFAULT NULL,
  8.   `mail` VARCHAR(100) DEFAULT NULL,
  9.   `movil` VARCHAR(100) DEFAULT NULL,
  10.   PRIMARY KEY (`id`)
  11. ) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=14 ;

Como hago, como recomiendan, que extraiga los datos para POPULAR mi gráfico. Y ponerle el LABEL del nombre del jugador a las intersecciones?

Código HTML:
Ver original
  1. <script type="text/javascript" src="https://www.google.com/jsapi"></script>
  2.     <script type="text/javascript">
  3.       google.load("visualization", "1", {packages:["corechart"]});
  4.       google.setOnLoadCallback(drawChart);
  5.       function drawChart() {
  6.         var data = google.visualization.arrayToDataTable([
  7.            ['X', 'Y'],
  8.           [ 8,      12],
  9.           [ 4,      5.5],
  10.           [ 11,     14],
  11.           [ 4,      5],
  12.           [ 3,      3.5],
  13.           [ 6.5,    7]
  14.         ]);
  15.  
  16.         var options = {
  17.           title: 'Mapa de Alianza',
  18.           hAxis: {title: 'Eje X', minValue: 0, maxValue: 150},
  19.           vAxis: {title: 'Eje V', minValue: 0, maxValue: 150},
  20.           legend: 'none'
  21.         };
  22.  
  23.         var chart = new google.visualization.ScatterChart(document.getElementById('chart_div'));
  24.         chart.draw(data, options);
  25.       }
  26.     </script>

Desde ya mil gracias!

Saludos.
  #2 (permalink)  
Antiguo 02/11/2013, 10:51
 
Fecha de Ingreso: julio-2013
Mensajes: 19
Antigüedad: 6 años, 5 meses
Puntos: 2
Respuesta: Google Charts PHP - MySQL

No se si alguno le sirva pero lo hice así...

var data = new google.visualization.DataTable();
data.addColumn('number', 'coox');
data.addColumn('number', 'cooy');
data.addColumn({type:'string', role:'tooltip', 'jugador': {'html': true}}); // tooltip for first series

<?php
$listar_grafico = mysql_query("SELECT * FROM jugadores");
while ($row = mysql_fetch_array($listar_grafico)) {
?>
data.addRow([<?=$row['coox']?>, <?=$row['cooy']?>, '<?=$row['jugador']?>']);
<?
}
mysql_free_result($listar_grafico);
?>
var options = {
title: 'Mapa de Alianza',
hAxis: {title: 'Eje X', minValue: 0, maxValue: 1020},
vAxis: {title: 'Eje Y', minValue: 0, maxValue: 1020},
pointSize:4,
legend: 'none'
};

var chart = new google.visualization.ScatterChart(document.getElem entById('chart_div'));
chart.draw(data, options);
}
</script>
Ahora quiero ver como divido en dos grupos en base a tag mas....

Etiquetas: google, mysql
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:30.