Création d'un graphique à partir de données d'une table

**snoopy2405** · 28/12/2018, 11h29

Bonjour,

Je rencontre quelques difficultés, j'essaye de faire un graph en fonction de données contenues dans une table.

[FONCTIONNEL]
Dans un premier temps j'ai fait une petite page qui me permet d'afficher ma table pour vérifier que j'arrivais à le faire

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
38
39
40
41
42
43
44
45
46
47
 
<html>
<head>
<title> </title>
</head>
<body>
 
 
<?php
echo "************************************************<br/>";
echo "Affichage des données en base                     <br/>";
echo "************************************************<br/>";
echo "                                                <br/>";
 
$dsn = 'mysql:host=127.0.0.1;dbname=DB;port=3306;charset=utf8';
 
// Création et test de la connexion
try {
$pdo = new PDO($dsn,'LOGIN','PWD');
}
catch (PDOException $exception) {
mail('MAIL', 'PDOException', $exception->getMessage());
exit('Erreur de connexion à la base de données');
}
 
// Requête pour tester la connexion
 
$query = $pdo->query("SELECT *  FROM `MA_TABLE`");
 
$resultat = $query->fetchAll();
 
//Afficher le résultat dans un tableau
print("<table border=\"1\">");
foreach ($resultat as $key => $variable)
{
print("<tr>");
print("<td>".$resultat[$key]['temps']."</td>");
print("<td>".$resultat[$key]['ping']."</td>");
}
 
print("</table>");
 
 
?>
 
</body>
</html>

Nom : tableau.jpg
Affichages : 701
Taille : 91,3 Ko

Jusque la pas de problème.

Dans un second temps j'ai installé un pluggin JPGraphic
Avec lequel j'ai joué et j'ai réussi à sortir un graph mais avec des valeurs fixes

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
 
<?php
 
// content="text/plain; charset=utf-8"
 
require_once ('/var/www/html/jpgraph/src/jpgraph.php');
require_once ('/var/www/html/jpgraph/src/jpgraph_line.php');
 
// Some (random) data
$ydata = array(1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,1,0,0);
 
// Size of the overall graph
 
$width=500;
$height=250;
 
 
// Create the graph and set a scale.
// These two calls are always required
 
$graph = new Graph($width,$height);
$graph->SetScale('intlin');
 
 
// Create the linear plot
$lineplot=new LinePlot($ydata);
 
// Add the plot to the graph
$graph->Add($lineplot);
 
// Display the graph
$graph->Stroke();
 
?>

Nom : graph.jpg
Affichages : 672
Taille : 15,3 Ko

[FIN DU FONCTIONNEL]

La ou ca se corse c'est quand j'essaye d'intégrer les 2 ensembles ....

J'ai tenté ca :

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
 
<?php
 
// content="text/plain; charset=utf-8"
 
require_once ('/var/www/html/jpgraph/src/jpgraph.php');
require_once ('/var/www/html/jpgraph/src/jpgraph_line.php');
 
 
$dsn = 'mysql:host=127.0.0.1;dbname=DB;port=3306;charset=utf8';
 
// Création et test de la connexion
 
try {
 
$pdo = new PDO($dsn,'LOGIN','PWD');
 
}
catch (PDOException $exception) {
 
 mail('MAIL', 'PDOException', $exception->getMessage());
 exit('Erreur de connexion à la base de données');
 
}
 
// Requête pour tester la connexion
 
 
$query = $pdo->query("SELECT ping  FROM `MA_TABLE`");
$resultat = $query->fetchAll();
 
// Some (random) data
//$ydata = array(1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,1,0,0);
 
// Size of the overall graph
 
$width=500;
$height=250;
 
 
// Create the graph and set a scale.
// These two calls are always required
 
$graph = new Graph($width,$height);
$graph->SetScale('intlin');
 
foreach ($resultat as $key => $variable)
{
 
// Create the linear plot
$lineplot=new LinePlot($resultat[$key]['ping']);
 
// Add the plot to the graph
$graph->Add($lineplot);
}
 
 
// Display the graph
 
$graph->Stroke();
 
?>

Et là c'est la cata ...

Nom : courbe_hs.jpg
Affichages : 644
Taille : 10,8 Ko

Au cas ou :
PHP 7
MariaDB
JPGraph 4.2.6

PS : J'ai hésiter à poster directement ds JPGraph mais je pense avoir plus de réponse ici

**badaze** · 28/12/2018, 11h48

Es-tu sûr que les données sont bien ramenées ?

Avant toute chose, s'assurer que les données sont bien présentes.

Code php :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14

foreach ($resultat as $key => $variable)
{
 var_dump($resultat[$key]['ping']);


 var_dump($variable);
// Create the linear plot
//$lineplot=new LinePlot($resultat[$key]['ping']);
 
// Add the plot to the graph
//$graph->Add($lineplot);
}

**snoopy2405** · 28/12/2018, 11h55

Oui et non, ta réponse me fait penser que tu penses que mes variables ne sont pas bonnes (j'ai anonymisé une partie mais je n'ai pas fait sur celle ci ^^)

Les données sont bien présentes dans le premier tableau, dans le 1er script donc mes variables sont bonnes, je pense que mon problème est plus sur la partie boucle et affichage des points ... Mais je n'arrive pas à trouver :/

**snoopy2405** · 28/12/2018, 11h59

Du coup ta réponse m'a permis d'avancer ...

En fait j'ai modifié la requete ligne 51

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60

<?php

// content="text/plain; charset=utf-8"

require_once ('/var/www/html/jpgraph/src/jpgraph.php');
require_once ('/var/www/html/jpgraph/src/jpgraph_line.php');


$dsn = 'mysql:host=127.0.0.1;dbname=DBNAME;port=3306;charset=utf8';

// Création et test de la connexion

try {

$pdo = new PDO($dsn,'LOGIN','PWD');

}
catch (PDOException $exception) {

 mail('MAIL', 'PDOException', $exception->getMessage());
 exit('Erreur de connexion à la base de données');

}

// Requête pour tester la connexion


$query = $pdo->query("SELECT ping  FROM `ping_snoopy`");
$resultat = $query->fetchAll();

// Some (random) data
//$ydata = array(1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,1,0,0);

// Size of the overall graph

$width=500;
$height=250;


// Create the graph and set a scale.
// These two calls are always required

$graph = new Graph($width,$height,"auto");
$graph->SetScale('intlin');

foreach ($resultat as $key => $variable)
{

// Create the linear plot
$lineplot=new LinePlot($resultat[$key]);

// Add the plot to the graph
$graph->Add($lineplot);
}
// Display the graph
$graph->Stroke();

?>

J'obtiens ceci du coup

Nom : courbe_hs2.jpg
Affichages : 646
Taille : 9,4 Ko

**badaze** · 28/12/2018, 12h25

$resultat[$key] retourne un tableau. Comme je m’y attendais Lineplot attend 2 paramètres x et y.

**snoopy2405** · 28/12/2018, 14h03

Envoyé par badaze

$resultat[$key] retourne un tableau. Comme je m’y attendais Lineplot attend 2 paramètres x et y.

Alors à priori (je ne suis pas sure de moi il y a bien longtemps que je n'ai pas fait ca), je dirais oui à cette affirmation :$resultat[$key] retourne un tableau.

Par contre à l'autre j'en suis moins sure puisque quand je mets des valeurs fixes (dans le 2eme code et en laissé en commentaire ds le 3ème fichier) j'ai bien mes points. A priori c'est $graph->SetScale('intlin'); qui fait que l'on a les données X

**grunk** · 28/12/2018, 15h23

Tu as un exemple fonctionnel avec des données aléatoire.

Pourquoi quand tu passe à des données réelle tu ne fais plus la même chose ?

La seule chose à faire c'est prendre l'exemple qui marche et remplacer les données aléatoire par des données qui viennent de ta base. Tu auras éventuellement un formatage à faire en fonction de comment tu extrais tes données , mais au aucun cas il faut recréer plusieurs lineplot dans une boucle ...

Un

Code :

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

$ydata = $query->fetchAll(PDO::FETCH_COLUMN, 0);

devrait pas être loin de suffire je pense.

**snoopy2405** · 28/12/2018, 15h52

Envoyé par grunk

Tu as un exemple fonctionnel avec des données aléatoire.

Pourquoi quand tu passe à des données réelle tu ne fais plus la même chose ?

En fait j'ai découpé en plusieurs étapes ce que je voulais faire car il y a longtemps que je n'ai pas codé.
Donc j'ai commencé par voir si j'arrivais a extraire mes données de la base en les affichant simplement (premiere fichier ds ma demande)
Puis j'ai essayé de faire un graphique avec des données fixes bidons (deuxieme fichier ds ma demande)
Et j'ai ensuite essayé de brancher ma base de données sur le graphique ... Et la cata

Envoyé par grunk

La seule chose à faire c'est prendre l'exemple qui marche et remplacer les données aléatoire par des données qui viennent de ta base. Tu auras éventuellement un formatage à faire en fonction de comment tu extrais tes données , mais au aucun cas il faut recréer plusieurs lineplot dans une boucle ...

Un

Code :

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

$ydata = $query->fetchAll(PDO::FETCH_COLUMN, 0);

devrait pas être loin de suffire je pense.

J'essaye de suite je te redis.

**snoopy2405** · 28/12/2018, 16h00

Magnifique

Nom : shema_presque_ok.jpg
Affichages : 651
Taille : 18,6 Ko

Maintenant je m'attaque à ma dernière étape, que l'axe des Y soit des valeurs en base également

Merci pour ton aide grunk

Création d'un graphique à partir de données d'une table

PHP & Base de données

Discussions similaires

Partager

Partager