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/