lundi 17 Mar 2008

De jolis diagrammes sur votre site

J'ai gardé la chose dans un coin sans en avoir besoin pendant longtemps. Puis là, ça y est, j'en ai eu besoin alors j'ai essayé la chose. :-) C'est très pratique!

exemple-graphiques.png

PHP/SWF charts (ou XML/SWF charts) est un ensemble Flash + PHP (ou +XML) qui permet de générer très facilement des graphiques à partir de tableaux en PHP (ou XML). En gros vous récupérer vos données depuis la base de données par exemple. Vous les stockez dans un tableau que vous passerez en paramètre. Elles peuvent être présentés à peu près n'importe comment, SWF Charts se chargera de trouver comment les mettre en graphique.

Si le 1er élément est un texte, ça deviendra la légende de cette courbe.

Par exemple, voici les données de 2 régions suivant les années:

$chart[ 'chart_data' ] = array (
   array ( "", "2004", "2005", "2006", "2007" ),
   array ( "Région 1", 48, 55, 80, 100 ),
   array ( "Région 2", -12, 10, 55, 65 ) );

C'est simple: on met un tableau pour l'axe avec les années, et les 2 régions dans 2 tableaux.

Il y a ensuite de nombreux paramètres facultatifs qui permettent de choisir les couleurs, les légendes, la taille, les polices... et le plus amusant: comment les graphiques vont apparaitre. Il y a plusieurs effets de transition tel que apparition progressive, tombant et rebondissant, poussant comme un champignon, tournoyant... :-o

Je vous invite à regarder la galerie pour voir quelques effets (et il y en a d'autres).

graphique-1.png graphique-2.png

Les options visuelles paraissent un peu ardues au premier abord, mais en partant d'un exemple tout fait et en faisant quelques essais on comprend à quoi correspond chaque option.

La documentation en anglais est assez facile à comprendre, mais je crois que le mieux est de partir d'un modèle de la galerie proche de ce qu'on veut et de le modifier.

Tout est sur Maani.us...


café Cet article vous a aidé? 
Offrez-moi un café!
Agrégateur informatique

4 réponses à “De jolis diagrammes sur votre site”

  1. 1
    Matt L. (mx-dev.net) a dit:

    Hello,

    en effet, les résultats sont surprenants !

    Merci pour le lien !

    ++
    Matt

  2. 2
    bkill (blog.episode-2.com) a dit:

    Hello,

    Dans la même optique des libs assez bien foutues, pour la génération de graphiques en Flash: Open Flash Chart
    Je pense qu'elle vaut également la peine d'être découverte, si ce n'est déjà le cas :)

    http://teethgrinder.co.uk/open-flash-chart/

  3. 3
    David a dit:

    En effet, le tutoriel a l'air un peu plus ardu, mais ça a l'avantage d'être totalement gratuit et libre. (SWFCharts est à 30$ pour une utilisation sur un site pro.)

    Merci pour le lien également. ;-)

  4. 4
    David (azur-dev.kizone.net) a dit:

    Note pour moi-même: essayer aussi pChart qui fait des images PNG. :-)

Laisser un commentaire

Azur Dev