Discussion :

[Mephistoo]

Bonjour, j'ai besoin d'aide pour un projet concernant une piscine connectée avec local. Je dois développer un site web sur lequel je dois programmer des graphiques affichant les paramètres de la piscine tel que la température, le chlore,l'hygrométrie, le ph etc....
J'ai utilisé jpgraph jusqu'à maintenant mais j'ai des difficultés. J'ai besoin de savoir si c'est optimal pour faire ce que je veux faire (projet de cours), sachant que ça fait un long moment que je suis sur ce langage..
J'ai surtout besoin d'aide au niveau de l'axe des abscisses car je dois afficher un graphique avec le paramètre en axe des ordonnées qui dépend du paramètre lui-même(float et int) et en axe des abscisses ce sera toujours sous format 'date'. J'arrive à afficher l'axe des ordonnées mais je n'arrive pas à afficher l'heure...Ce que je veux précisément, c'est avoir en axe des abscisses l'heure allant de 0 à 24h sachant que mes données dans le projet doivent s'actualiser toutes les 15 minutes, j'ai mis des valeurs fictives dans ma bdd pour montrer à quoi ça peut ressembler...Si vous pouvez m'aider ce serait super cool, merci d'avance.

Je poste mon 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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<?php
require_once ('C:\wamp64\www\Projet\jpgraph\jpgraph-4.3.5\src\jpgraph.php');
require_once ('C:\wamp64\www\Projet\jpgraph\jpgraph-4.3.5\src\jpgraph_line.php');
require_once ('C:\wamp64\www\Projet\jpgraph\jpgraph-4.3.5\src\jpgraph_date.php');
$cxn= mysqli_connect("localhost","root","","piscineconnectee") or die ("error connecting to the server");
 
$query="SELECT HygroLocal,Heures FROM capteurs";
$res=mysqli_query($cxn,$query);
$hygro=[];
$heures=[];
while ($ligne=mysqli_fetch_assoc($res)){
	array_push($heures, $ligne["Heures"]);
	array_push($hygro, $ligne["HygroLocal"]);
}
 
// Setup the graph
$graph = new Graph(600,500);
$graph->SetScale("datlin");
 
$theme_class=new UniversalTheme;
 
$graph->SetTheme($theme_class);
$graph->img->SetAntiAliasing(false);
$graph->title->Set('Filled Y-grid');
$graph->SetBox(false);
 
$graph->SetMargin(40,20,36,63);
 
$graph->img->SetAntiAliasing();
$graph->xaxis->scale->SetDateFormat('H:i');
$graph->yaxis->HideZeroLabel();
$graph->yaxis->HideLine(false);
$graph->yaxis->HideTicks(false,false);
 
$graph->xgrid->Show();
$graph->xgrid->SetLineStyle("solid");
$graph->xgrid->SetColor('#E3E3E3');
 
// Create the first line
$p1 = new LinePlot($hygro, $heures);
$graph->Add($p1);
$p1->SetColor("#6495ED");
$p1->SetLegend('Line 1');
 
$graph->legend->SetFrameWeight(1);
 
// Output line
$graph->Stroke();
 
?>

L'erreur qui s'affiche lorsque j'essaie avec wamp :



Et un aperçu de ma base de données et des types correspondant :

[mathieu]

en ce moment, ce sont les graphiques générés en javascript qui sont beaucoup utilisés.
regardez ces 2 bibliothèques :
https://www.chartjs.org/
http://www.jqplot.com/

[Mephistoo]

en ce moment, ce sont les graphiques générés en javascript qui sont beaucoup utilisés.
regardez ces 2 bibliothèques :
https://www.chartjs.org/
http://www.jqplot.com/

Bonjour, merci de votre réponse.

J'ai suivi vos conseils et j'ai utilisé chartjs !

J'arrive à afficher l'axe des ordonnées mais pareil, je n'arrive pas à afficher l'axe des abscisses, c'est toujours la date qui pose problème je ne sais pas comment faire, ça fait un moment que je cherche

Je sais que je dois modifier "labels" mais je ne trouve pas d'exemple où il y a une date utilisé, j'arrive à afficher l'axe si je mets des nombres du genre "labels: [1,2,3,4,5,6,7,8,9]," mais pour une date je ne sais pas comment faire.