Google Charts PHP - MySQL

[safernandez666]

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:

CREATE TABLE `jugadores` (
  `id` INT(11) NOT NULL AUTO_INCREMENT,
  `jugador` VARCHAR(100) NOT NULL,
  `coox` INT(11) NOT NULL,
  `cooy` INT(11) NOT NULL,
  `alianza` VARCHAR(100) NOT NULL,
  `mundo` VARCHAR(110) DEFAULT NULL,
  `mail` VARCHAR(100) DEFAULT NULL,
  `movil` VARCHAR(100) DEFAULT NULL,
  PRIMARY KEY (`id`)
) 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:

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
           ['X', 'Y'],
          [ 8,      12],
          [ 4,      5.5],
          [ 11,     14],
          [ 4,      5],
          [ 3,      3.5],
          [ 6.5,    7]
        ]);
 
        var options = {
          title: 'Mapa de Alianza',
          hAxis: {title: 'Eje X', minValue: 0, maxValue: 150},
          vAxis: {title: 'Eje V', minValue: 0, maxValue: 150},
          legend: 'none'
        };
 
        var chart = new google.visualization.ScatterChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>
 

Desde ya mil gracias!

Saludos.

[safernandez666]

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....