Projet | ​​​Mini projet - Web | PHP - Afficher des données des graphes

Contexte

Nous affichons nos données graphiquement. Pour cela Google nous propose nombre de solutions. On met ici en oeuvre quelques graphes afin d'illustrer facilement l'évolution au cours du temps de nos mesures ou données issues de nos systèmes. Le dispositif est exposé ci-contre.

Edition d'un graphe

La page web d'URL http://sin.nexgate.ch/site/dispChart.php affiche un graphe configurable selon les paramètres d'édition pris en charge. Voir ci-contre.

  1. Tester l'URL dans le navigateur avec le paramètre ?nam=Lipo.txt
  2. Retrouver les valeurs affichées dans le fichier http://sin.nexgate.ch/site/Lipo.txt
  3. Essayer de nouveau avec le paramètre ?nam=parabol.txt
  4. Comparer avec les données contenues dans le fichier http://sin.nexgate.ch/site/parabol.txt

Configuration d'un graphe

On continue avec la contribution de la page web http://sin.nexgate.ch/site/dispChart.php

  1. Construire un fichier texte afin d'obtenir un graphe semblable à l'exemple ci-contre puis l'enregistrer sur un espace web.
  2. Tester le fichier texte en passant son URL comme paramètre au script dispChart.php

Edition de plusieurs graphes

  • Construire un script HTML afin d'éditer deux graphes à construire. On pourra utiliser la balise <iframe>. Consulter le site w3Schools.com si nécessaire.
  • Essayer dans un fichier HTML - à construire - un script afin d'expérimenter un autre type de graphe. Consulter la page Google Chart

Graphe

paramètres

Titre du graphe
Label de l'axe horizontal
Label de l'axe vertical
largeur de graphe en pixels
hauteur de graphe en pixels
type du graphe

type de graphes

LineChart
ColumnChart
AreaChart

graphe exemple