chart , javascript et php pour afficher donnée de la base de données

Version imprimable

Bonjour,

Me revoilà avec un mélange de php et javascript et je ne parviens pas avancer...
Voici mon objectif:

J'ai 2 tables : intent (id_Intent,name_Intent) et values(id_Val,nb_Val).
Je souhaiterai crée un chart .

Voici le code:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <html> <head> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript"> google.load('visualization', '1'); // Don't need to specify chart libraries! google.setOnLoadCallback(drawVisualization); function drawVisualization() { var wrapper = new google.visualization.ChartWrapper({ chartType: 'ColumnChart', dataTable: [['', 'Germany', 'USA', 'Brazil', 'Canada', 'France', 'RU'], ['', 700, 300, 400, 500, 600, 800]], options: {'title': 'Countries'}, containerId: 'vis_div' }); wrapper.draw(); } </script> </head> <body style="font-family: Arial;border: 0 none;"> <div id="vis_div" style="width: 600px; height: 400px;"></div> </body> </html>
Voici comment je l'ai modifié car je souhaiterai à la place des pays afficher le nom des intents et à la place des nombres , nb_Val...
Donc je vais faire la requete suivante:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 $sql="SELECT * FROM intent "; $res=mysql_query($sql); while($rows=mysql_fetch_assoc($res)){ sql1="SELECT * FROM values"; $res1=mysql_query($sql1); $rows1=mysql_fetch_assoc($res1); echo $rows['name_Intent']; echo $rows1['nb_Val']; }
Donc là j'affiche uniquement les informations pour mon chart mais avec le javascript comment l'inclure?avec un tableau je suppose?json_encode a t-il quelquechose à faire ici?

14/08/2013, 12h19
sekaijin

Merci de poser le HTML et le javascript
ce qui se passe côté serveur (PHP) n'a rien à faire dans ce forum

A+JYT

Code javascript:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html>
  <head>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load('visualization', '1');   // Don't need to specify chart libraries!
      google.setOnLoadCallback(drawVisualization);
 
      function drawVisualization() {
        var wrapper = new google.visualization.ChartWrapper({
          chartType: 'ColumnChart',
          dataTable: [['', 'Germany', 'USA', 'Brazil', 'Canada', 'France', 'RU'],
                      ['', 700, 300, 400, 500, 600, 800]],
          options: {'title': 'Countries'},
          containerId: 'vis_div'
        });
        wrapper.draw();
      }
    </script>
  </head>
  <body style="font-family: Arial;border: 0 none;">
    <div id="vis_div" style="width: 600px; height: 400px;"></div>
  </body>
</html>

Je vais essayer d'être bref :

En js :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
// définir un objet vide
var human = {} // ou bien  var human = new Object()
 
// par la suite tu lui ajoutes des propriétes
human.nom = 'nault';
human.age  = 30;
 
// à ce stade humain est représenté comme ceci
/*
{nom:'nault',age:30}
*/
 
alert(humain.nom) // popup afficant nault

Maintenant intéressons nous au json, c'est le type d'objet que tu devras générer avec php.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<?php 
$humain = array();
$humain['nom'] = 'nault';
$humain['age'] = 30;
 
$humainJsonString = json_encode($humain);
?>
 
<script>
var humain = <?php echo $humainJsonString?>
alert(humain.nom) // popup afficant nault
</script>

merci mais cela n'affiche rien...Peux tu m'expliquer quelque chose: je ne comprend pas l'utilité du premier script ...voici le code:

Code:

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
<html>
  <head>	  
 
 
 
 
    <script type="text/javascript">
 
var human = new Object();
human.nom = 'nault';
human.age = 30;
	</script>
	<?php 
$humain = array();
$humain['nom'] = 'nault';
$humain['age'] = 30;
 
$humainJsonString = json_encode($humain);
?>
 <script type="text/javascript">
 
 
var humain = <?php echo $humainJsonString?>
alert(humain.nom) // popup afficant nault
 
 
    </script>
  </head>
  <body style="font-family: Arial;border: 0 none;">
    <div id="vis_div" style="width: 600px; height: 400px;"></div>
  </body>
</html>

14/08/2013, 15h27
sekaijin

http://www.developpez.net/forums/d10...cript-methode/