Contactez-nous

1

Le plugin PB Charts

30 juillet 2007
par ARNO*

Si vous savez faire ça :

Un beau tableau 1992
Valeur 1 12.5 13.6 15
Valeur 2 13.6 11.12 9
Valeur 3 14.7 12.5 13

alors vous n’aurez pas de mal à faire cela :

Un beau graphique 1992
Valeur 1 12.5 13.6 15
Valeur 2 13.6 11.12 9
Valeur 3 14.7 12.5 13

Pour rappel, le tableau se code dans SPIP avec les barres verticales (pipes) ainsi :

vous pouvez facilement transformer ce tableau en graphique ainsi :

- On supprime le gras (ainsi que tous enrichissements typographiques éventuels).

- On encadre le tableau entre les mentions :

Le « type » est à choisir parmi toutes les possibilités offertes par SWF/XML Charts de Maani. Vous trouverez de nombreux exemples ci-dessous.

- La règle est simple : outre une éventuelle ligne de déclaration du titre du graphique (deux barres verticales en début et fin de ligne), il faut retenir que la première ligne de valeurs définit les noms des colonnes (« 1992 », « 1993 », « 1994 ») ; la première colonne de valeurs définit les titres des séries (« Valeur 1 »...).

La seule difficulté, en pratique, se rencontre lorsqu’il n’y a qu’une seule série de valeurs. C’est systématiquement le cas, par exemple, dans le cas des « Camemberts » (Pie). Dans ce cas, il ne faut pas oublier de prévoir cette première colonne, quitte à la laisser vide.

Et maintenant, voici une belle collection de graphiques :

column 1992
Valeur 1 12.5 13.6 15
Valeur 2 13.6 11.12 9
Valeur 3 14.7 12.5 13
stacked column 1992
Valeur 1 12.5 13.6 15
Valeur 2 13.6 11.12 9
Valeur 3 14.7 12.5 13
floating column 1992
Valeur 1 12.5 13.6 15
Valeur 2 10 11.12 9
3d column 1992
Valeur 1 12.5 13.6 15
Valeur 2 13.6 11.12 9
Valeur 3 14.7 12.5 13
stacked 3d column 1992
Valeur 1 12.5 13.6 15
Valeur 2 13.6 11.12 9
Valeur 3 14.7 12.5 13
parallel 3d column 1992
Valeur 1 12.5 13.6 15
Valeur 2 13.6 11.12 9
Valeur 3 14.7 12.5 13
pie Chiens 14
3d pie Chiens 14
bar 1992
Valeur 1 12.5 13.6 15
Valeur 2 13.6 11.12 9
Valeur 3 14.7 12.5 13
stacked bar 1992
Valeur 1 12.5 13.6 15
Valeur 2 13.6 11.12 9
Valeur 3 14.7 12.5 13
floating bar 1992
Valeur 1 12.5 13.6 15
Valeur 2 10 11.12 9
area 1992
Valeur 1 12.5 13.6 15
Valeur 2 13.6 11.12 9
Valeur 3 14.7 12.5 13
stacked area 1992
Valeur 1 12.5 13.6 15
Valeur 2 13.6 11.12 9
Valeur 3 14.7 12.5 13
candlestick 1992
max 9 8 9
min 3 4 2
open 5 5 4
close 8 7 6
polar Chients
Valeur 1 6 3 15 5 4
Valeur 2 13.6 5 9 10 7
Valeur 3 2 12.5 13 9 12

Installation du plugin

Le plugin utilisant XML/SWF Charts de Maani, qui n’est pas libre, je ne peux pas livrer tous les fichiers directement.

- Récupérez, décompactez et installez le plugin PB Charts.

- Rendez-vous dans l’espace « Download » de Maani ; récupérez l’une des archives, décompactez l’archive.
- Installez le contenu le fichier « charts.swf » et le dossier « charts_library » dans le dossier « pb_charts/charts » du plugin.
- Activez le plugin.

Sur le site public

Vous avez la possibilité de personnaliser les couleurs et les dimensions des graphiques sur le site public, en modifiant les variables globales (dans mes_fonctions.php par exemple) suivantes :
- couleur_claire définit la couleur de la première série ; les autres couleurs sont calculées automatiquement avec mes scripts de roue chromatique ;
- couleur_texte définit la couleur du texte des légendes ;
- largeur_charts et hauteur_charts définissent les dimensions d’affichage des graphiques.

  • luc
    Août 2007

    C’est impressionnant. Bravo.

  • Philippe Rivière
    Octobre 2007

    Le plugin est utilisé sur le site Cartographier le présent

    merci

  • touti
    Octobre 2007

    Super, j’ai tambouillé et construit un xml à partir du nombre de visiteurs sur des lieux donnés, ça marche bien.

    Maintenant, j’aimerais passer des variables à flash pour modifier le graph au choix de #ENV, mais groumpf, j’ai un 404 si je vais voir

    spip.php?page=graphs%26chart_type%3Dbar

    une idée ? sachant bien sur que & ne marche pas ni &

  • thx11
    Janvier 2008

    Bonjour et meilleurs voeux !

    L’affichage écran est extraordinaire mais les graphiques ne peuvent être imprimés (Firefox 2.x sous OSX). Peut-on faire quelque chose ?

    Merci

  • Avril 2008

    Euh... moi je ne vois strictement rien à part le premier tableau ! (Firefox 1.5 sous linux).

  • Socrate
    Mai 2008

    big-up les gars, c’est du super bon taf.

  • manatee
    Mai 2008

    Bravo... Splendide...

  • Joseph
    Novembre 2008

    Bonjour,

    après avoir essayé votre plugin sur un SPIP 1.9.1, il s’avère que la version 1.9.2 est nécessaire pour le faire fonctionner. En effet, la constante _DIR_VAR n’existe pas en 1.9.1.

    En 1.9.1, le plugin Charts disponible sur SPIP-Zone est fonctionnel. Par contre, ce plugin est beaucoup moins intuitif et utilise une version plus ancienne du script de Maani.

    Par ailleurs, envisagez-vous de porter ce plugin en SPIP 2.0 lorsque celui-ci sortira ? Est-il développé sur la Zone ?

    Cordialement

  • Briag
    Janvier 2009

    Bonjour, Merci, c’est vraiment chouette. Savez-vous si ce plugin passe en 2.0 ?

  • boubka
    Avril 2009

    Chapeau bas, il n’y a rien à redire.

  • Barbatos
    Avril 2010

    Le plugin passe sur spip 2 mais avec php 4.4.5.

    Il ne fonctionne par contre plus avec php 4.4.9 : serait-il possible de faire une petite mise a jour, parce que c’est vraiment excellent comme plugin....

    Merci.

  • Barbatos
    Septembre 2010

    Bon ca marche sur spip 2.0.10, mais pas moyen de changer ce rose pétant.....

    Des astuces ? Parce que je n’ai pas compris le coup des "variables globales" à modifier.

    Merci d’avance ;)

  • Juin 2011

    Bonjour,

    Juste pour info, il est incompatible avec la dernière version de Spip. 2.1.10 :)

Qui êtes-vous ?
Votre message

Ce formulaire accepte les raccourcis SPIP [->url] {{gras}} {italique} <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.