remplir un tableau avec une boucle while

**supcomingenieur** · 02/05/2013, 16h37

Bonsoir,
je voudrai générer un camembert en php. J'ai ce code que j'ai trouvé sur google.charts et qui fonctionne très bien:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<html>
  <head>
    <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([
          ['Task', 'Hours per Day'],
          ['Work',     11],
          ['Eat',      2],
          ['Commute',  2],
          ['Watch TV', 2],
          ['Sleep',    7]
        ]);
 
        var options = {
          title: 'My Daily Activities'
        };
 
        var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>

les valeurs du tableau "data" vont être récupérée depuis une table SQL dans mon cas. Pour commencer , je voudrai alors faire en sorte que ce tableau soit remplie à l'aide d'une boucle while (puisque le nombre de lignes et variable).
j'ai cherché un peu sur google, mais quelque soit la modification que j'apporte au script, le navigateur me renvoie une page banche.

comment faire?
merci

**N1bus** · 02/05/2013, 17h06

Il existe des super librairies pour ça dont JpGraph

Et il y a un tas d'exemples ici : http://jpgraph.net/doc/howto.php

**supcomingenieur** · 02/05/2013, 17h14

merci mais je préfère travailler avec google charts. Les graphes sont magnifiques et puis si on a des codes tout prêt pourquoi se casser la tête avec une autre librairie

Existe-t-il au moins une autre librairie pour réaliser de tels graphiques, Jpgraph fait des graphes vraiment trop laid par rapport à google, je cherche des graphes un peu plus élégants.

Merci beaucoup.

**Torgar** · 02/05/2013, 18h07

Parce que l'autre bibliothèque propose aussi des codes prêt à l'emploi ? Mais passons...

C'est pas compliqué ton histoire, il te suffit de générer ceci par du PHP :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
var data = google.visualization.arrayToDataTable([
  ['Task', 'Hours per Day'],
  ['Work',     11],
  ['Eat',      2],
  ['Commute',  2],
  ['Watch TV', 2],
  ['Sleep',    7]
]);

Comme tu l'as dit, il te faut une boucle while qui parcourt un jeu d'enregistrement. Je ne vois pas où tu butes

À la limite, si t'es disposé à le faire, montre nous ton code PHP qu'on voit ce qui cloche.

**supcomingenieur** · 02/05/2013, 18h31

voici le code que j'ai fais, le problème c'est que je n'ai même pas de messages d'erreur, la page web est tout simplement blanche.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<?php
$cnx=mysql_connect("localhost","root","Orange2424");
$db=mysql_select_db("OrangeTunisie");
mysql_set_charset('utf8'); // encodage de saisie dans la base
?>
<html>
  <head>
    <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([
        ['Mask_Length', 'Number'],
        $sql = 'select * from Mask_Statistics';
        $req = mysql_query($sql);
 
        while($data = mysql_fetch_assoc($req))
            {
              [$data[Mask_Length],  $data[Percentage]],
            } 
        ]);
 
        var options = {
          title: 'My Daily Activities'
        };
 
        var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>

**N1bus** · 02/05/2013, 18h38

il manque les balises <?php pour encadrer ta boucle php dans le Javascript
et à mon avis il faut déplacer ces instruction en bas de page :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<script type="text/javascript">
var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, options);
</script>

Pour que le code JS soit executé car là il est dans le <head> mais la div n'apparait qu'après

**Torgar** · 02/05/2013, 18h41

Et comme ça ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<?php
$cnx = mysql_connect("localhost","root","Orange2424");
$db = mysql_select_db("OrangeTunisie");
mysql_set_charset('utf8'); // encodage de saisie dans la base
?>
<html>
  <head>
    <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([
        ['Mask_Length', 'Number'],
		<?php
        $sql = 'select * from Mask_Statistics';
        $req = mysql_query($sql);
 
        while($data = mysql_fetch_assoc($req)) {
            echo '[' . $data['Mask_Length'] . ',  ' . $data['Percentage'] . '],';
            } 
		?>
		]);
 
        var options = {
          title: 'My Daily Activities'
        };
 
        var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>

Au passage :
- y a pas de doctype
- faut laisser tomber les fonctions mysql_* au profit de PDO

remplir un tableau avec une boucle while

Langage PHP

Vue hybride

Discussions similaires

Partager

Partager