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

**Madusa** · 14/08/2013, 11h43

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 :

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

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

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?

**sekaijin** · 14/08/2013, 12h19

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

**Madusa** · 14/08/2013, 12h21

Code javascript:

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

**nault** · 14/08/2013, 13h32

Je vais essayer d'être bref :

En js :

Code :

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

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 php :

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

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>

**Madusa** · 14/08/2013, 14h50

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 :

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

**sekaijin** · 14/08/2013, 15h27

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

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

JavaScript

Discussions similaires

Partager

Partager