Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/11/2013, 06:02
safernandez666
 
Fecha de Ingreso: julio-2013
Mensajes: 19
Antigüedad: 10 años, 9 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.