Donnees dynamique avec jpgraph
kyuubi6
-
mpmp93 Messages postés 7217 Date d'inscription Statut Membre Dernière intervention -
mpmp93 Messages postés 7217 Date d'inscription Statut Membre Dernière intervention -
Bonjour tout le monde,
j'utilise jpgraph depuis deux mois maintenant et je suis entrain de butter sur une bétise mais je sais pas ce que j'ai lol je bug j'arrive pas à trouver une solution.
En fait l'utilisateur arrive sur une page et doit choisir le mois dont il désire voir les statistique, en validant son mois il arrive sur une nouvelle page qui lui affiche sous forme de tableau toutes les données de ma bdd correspondant à ce mois. En dessous de mes tableaux, j'aimerais mettre des graphiques de type camembert, le souci est que j'ai besoin de savoir sur quel mois je travail et donc je ne sais pas comment dire a mon fichier "camembert.php" "tu travail sur tel mois"
merci de votre aide
j'utilise jpgraph depuis deux mois maintenant et je suis entrain de butter sur une bétise mais je sais pas ce que j'ai lol je bug j'arrive pas à trouver une solution.
En fait l'utilisateur arrive sur une page et doit choisir le mois dont il désire voir les statistique, en validant son mois il arrive sur une nouvelle page qui lui affiche sous forme de tableau toutes les données de ma bdd correspondant à ce mois. En dessous de mes tableaux, j'aimerais mettre des graphiques de type camembert, le souci est que j'ai besoin de savoir sur quel mois je travail et donc je ne sais pas comment dire a mon fichier "camembert.php" "tu travail sur tel mois"
merci de votre aide
A voir également:
- Donnees dynamique avec jpgraph
- Fuite données maif - Guide
- Tableau croisé dynamique - Guide
- Exemple tableau croisé dynamique télécharger - Télécharger - Tableur
- Trier des données excel - Guide
- Supprimer les données de navigation - Guide
2 réponses
Bonjour,
Je connais JPGRAPH et je pense que ce n'est pas une bonne solution.
Personnellement, je travaille en HTML5 et je crée mes graphes dans CANVAS (nouvel élément HTML5) et la librairie RGRAPH qui est fonctionnellement assez similaire à JPGRAPH, sauf que:
- on passe seulement les paramètres à RGRAPH
- l'image est générée coté utilisateur
- le serveur est déchargé de la génération graphique.
Exemple de script de graphe destiné à RGRAPH:
<script>
window.onload = function ()
{
var bar = new RGraph.Bar('Canvas1',[[13,48],[6,14],[0,15],[2,8],[0,15],[4,5],[5,3],[21,2],[69,12],[220,46],[617,74],[525,66],[347,50],[260,72],[364,159],[407,187],[340,219],[329,705],[275,584],[173,567],[87,460],[63,401],[47,294],[30,178]]);
bar.Set('chart.labels', ['00','01','02','03','04','05','06','07','08','09','10','11', '12','13','14','15','16','17','18','19','20','21','22','23']);
bar.Set('chart.gutter', 45);
bar.Set('chart.background.barcolor1', 'rgba(255,255,255,1)');
bar.Set('chart.background.barcolor2', 'rgba(255,255,255,1)');
bar.Set('chart.background.grid', true);
bar.Set('chart.colors', ['#ffa640','#99cccc']);
bar.Draw();
}
</script>
C'est ce que j'embarque dans le code HTMl de la page finale. La partie de code [[13,48],[6,14],[0,15],[2,8],[.... est gérénée en PHP:
var bar = new RGraph.Bar('Canvas1',<?php echo $datasGraphe; ?>);
En amont, $datasGraphe est alimenté comme ceci:
$datasGraphe = getStatsHoraires($codeRegion, $date, $echo=false);
LA fonction getStatHoraires restitue une chaîne avec les données arrangées de manière à être utilisables dans le code javascript sans autre manipulation:
Pour la librairie GRAPH:
https://www.rgraph.net/
A notre qu'ensuite, vous pouvez utiliser du code javaScript supplémentaire qui peut agir sur l'affichage du graphe! Donc nettement plus interactif qu'une bête image jpeg ou png...
Exemple avec graphe affiché par RGRAPH:
http://html5.immo-scope.com/index.php?page=html5/elementCanvasAvecLibRgraph
A+
Je connais JPGRAPH et je pense que ce n'est pas une bonne solution.
Personnellement, je travaille en HTML5 et je crée mes graphes dans CANVAS (nouvel élément HTML5) et la librairie RGRAPH qui est fonctionnellement assez similaire à JPGRAPH, sauf que:
- on passe seulement les paramètres à RGRAPH
- l'image est générée coté utilisateur
- le serveur est déchargé de la génération graphique.
Exemple de script de graphe destiné à RGRAPH:
<script>
window.onload = function ()
{
var bar = new RGraph.Bar('Canvas1',[[13,48],[6,14],[0,15],[2,8],[0,15],[4,5],[5,3],[21,2],[69,12],[220,46],[617,74],[525,66],[347,50],[260,72],[364,159],[407,187],[340,219],[329,705],[275,584],[173,567],[87,460],[63,401],[47,294],[30,178]]);
bar.Set('chart.labels', ['00','01','02','03','04','05','06','07','08','09','10','11', '12','13','14','15','16','17','18','19','20','21','22','23']);
bar.Set('chart.gutter', 45);
bar.Set('chart.background.barcolor1', 'rgba(255,255,255,1)');
bar.Set('chart.background.barcolor2', 'rgba(255,255,255,1)');
bar.Set('chart.background.grid', true);
bar.Set('chart.colors', ['#ffa640','#99cccc']);
bar.Draw();
}
</script>
C'est ce que j'embarque dans le code HTMl de la page finale. La partie de code [[13,48],[6,14],[0,15],[2,8],[.... est gérénée en PHP:
var bar = new RGraph.Bar('Canvas1',<?php echo $datasGraphe; ?>);
En amont, $datasGraphe est alimenté comme ceci:
$datasGraphe = getStatsHoraires($codeRegion, $date, $echo=false);
LA fonction getStatHoraires restitue une chaîne avec les données arrangées de manière à être utilisables dans le code javascript sans autre manipulation:
Pour la librairie GRAPH:
https://www.rgraph.net/
A notre qu'ensuite, vous pouvez utiliser du code javaScript supplémentaire qui peut agir sur l'affichage du graphe! Donc nettement plus interactif qu'une bête image jpeg ou png...
Exemple avec graphe affiché par RGRAPH:
http://html5.immo-scope.com/index.php?page=html5/elementCanvasAvecLibRgraph
A+
