FaireDesGraphesAvecGoogle

egaillot edited this page Sep 13, 2010 · 8 revisions

Dans le contexte de Paco, on veut pouvoir afficher deux courbes (avec couleur de remplissage) :

  • L’une pour les tâches ajoutées à des dates spécifiques
  • L’autre pour les tâches terminées à des dates spécifiques

Les dates d’ajouts et de terminaisons ne sont pas forcément corrélées.

Si on considère les données suivantes :
| Nombre de jours après le démarrage | Nombre total de tâches | Nombre de tâches terminées |
| 0 | 4 | 2 |
| 1 | 4 | 2 |
| 3 | 10 | 2 |
| 4 | 12 | 2 |
| 5 | 12 | 4 |
| 8 | 19 | 6 |
| 9 | 16 | 8 |
| 10 | 20 | 12 |

… La requête google est de la forme :
http://chart.apis.google.com/chart?
chs=320×200&cht=lxy&chd=t:0,10|0,0|0,1,3,4,8,10|4,10,12,19,16,20|0,5,8,9,10|2,4,6,8,12&chxt=x,y&chds=0,10,0,20,0,10,0,20,0,10,0,20&
chxl=0:|d0|d1|d2|d3|d4|d5&chxp=0,0,10,30,40,80,100&chxr=1,0,20,5&chm=b,CCCCEE,0,1,0|b,EECCCC,1,2,0
… le lien

  • chs – la taille du graphe
  • cht – le type du graphe (pour nous : une ligne avec des datas en x et en y)
  • chd – les données : d’abord les x, puis les y. Note : Pour pouvoir remplir l’aire du bas, il faut commencer par une série décrivant une ligne horizontale sur l’axe des x
  • chxt – les axes à afficher (x et y)
  • chds – l’échelle (data scale) pour le premier axe, de 0 à 10, pour le deuxième de 0 à 20. _Note : Il faut répéter ces infos pour chacune des séries (3 fois, donc)
  • chxl – les labels sur l’axe des abcisses (axe 0)
  • chxp – la position des labels sur l’axe 0, entre 0 et 100.
  • chxr – le range : pour le deuxième axe (axe 1), de 0 à 20 avec une graduation toutes les 5 unités
  • chm – les couleurs de remplissage (code b, suivi de la couleur en hexa), entre la zone a et la zone b. Le dernier paramètre est ignoré.

Voir aussi :