Sujet Précédent Sujet Suivant

Nuage de point de différentes couleurs avec Google charts (scatter)

monoski Messages postés 132 Date d'inscription mercredi 15 avril 2009 Statut Membre Dernière intervention 13 mai 2013 - 6 juin 2010 à 18:42
monoski Messages postés 132 Date d'inscription mercredi 15 avril 2009 Statut Membre Dernière intervention 13 mai 2013 - 9 juin 2010 à 03:44

Voilà j'évolue avec un graphique établi grâce au scatter charts de google.

Voici le code de base que j'utilise :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link rel="stylesheet" media="screen" type="text/css" href="css/style.css" />
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {

        var data = new google.visualization.DataTable();
        data.addColumn('number', 'Abscisses');
        data.addColumn('number', 'Ordonnées');

<?php 

include 'include/bdd.php';
$recup2 = mysql_query("SELECT posx,posy FROM elfik_user WHERE race='demon'") or die(mysql_error());
$num_row = mysql_num_rows($recup2);
$recup3 = mysql_query("SELECT posx,posy FROM elfik_user WHERE race='ange'") or die(mysql_error());
$num_row2 = mysql_num_rows($recup3);
$num = $num_row + $num_row2;
$I=0;$I<=$num - 1;?>
data.addRows(<?php echo $num;?>);

<?php	 
while($fetch2 = mysql_fetch_assoc($recup2))
{
?>
data.setValue(<?php echo $I;?>, 0, <?php echo $fetch2['posx'];?>);//première série de coordonnées
data.setValue(<?php echo $I;?>, 1, <?php echo $fetch2['posy'];?>);
<?php
$I++;
};
?>
data.addRows(<?php echo $num;?>);

<?php	 
while($fetch3 = mysql_fetch_assoc($recup3))
{
?>
data.setValue(<?php echo $I;?>, 0, <?php echo $fetch3['posx'];?>);//deuxième série de coordonnées
data.setValue(<?php echo $I;?>, 1, <?php echo $fetch3['posy'];?>);
<?php

$I++;
};
?>

           
        var chart = new google.visualization.ScatterChart(document.getElementById('chart_div'));
        chart.draw(data, {width: 1300, height: 1000,
                          title: 'carte du monde',
                          hAxis: {title: 'Abscisses', minValue: -200, maxValue: 200},
                          vAxis: {title: 'Ordonnées', minValue: -200, maxValue: 200},
                          legend: 'none',
  pointSize : '3',
  colors: ['#000000'] // couleur des points


                         });
      }

    </script>
  </head>
  
   <SCRIPT LANGUAGE="JavaScript" SRC="script/menu.js"></SCRIPT>
    


  
</html>

Et j'aimerai beaucoup que la seconde série de coordonnées (cf commentaires dans le code) fasse apparaître des points bleus sur le graphique alors que la première partie de coordonnées fasse apparaitre des points noir.

J'ai tenté de différentes manière d'obtenir ce résultat mais ce fut un échec dans les deux cas.

Si quelqu'un connait un peu le fonctionnement de google scatter charts je suis preneur :p

A voir également:

Google trauction
Erreur dans traduction via api google :"Index and length must refer to a locatio ✓ - Forum C# / .NET
Pile ou face google - Forum Visual Basic 6
Api google maps - Conseils pratiques -PHP
Intégrer une google map dans un site web - Forum Java
Image aléatoire google - Forum PHP

2 réponses

Réponse 1 / 2

monoski Messages postés 132 Date d'inscription mercredi 15 avril 2009 Statut Membre Dernière intervention 13 mai 2013 1
8 juin 2010 à 12:15

Snif personne ?

Réponse 2 / 2

monoski Messages postés 132 Date d'inscription mercredi 15 avril 2009 Statut Membre Dernière intervention 13 mai 2013 1
9 juin 2010 à 03:44

Faut que je poste dans javascript plutot ?

Discussions similaires

Système de traduction automatique

récuperation des liens trouvés par google

Google mpas api et php

Nuage de point de différentes couleurs avec Google charts (scatter)

Interface Google Tasks sur mon site

Votre réponse

Discussions similaires