LE PLUGIN PB CHARTS
LE PLUGIN PB CHARTS
Techniques SPIP

Vous trouverez ici des trucs et astuces destinés aux développeurs de sites sous SPIP.

La majorité de ces trucs est consacrée aux filtres graphiques introduits dans SPIP 1.9. Il y a là en effet un vaste champ d’expérimentation pour les webmestres et les graphistes.

Chaque truc est suivi d’un forum auquel nous vous invitons à participer.

N.B. La présence de ces trucs et astuces sur notre site professionnel est destinée à faire connaître notre activité de création de sites sous SPIP. Vous pouvez librement utiliser les morceaux de code fournis ici dans vos propres squelettes. Vous pouvez reprendre ces exemples sur votre site ou dans les forums d’un autre site ; dans ce cas, nous vous demandons simplement d’avoir la courtoisie de référencer la page d’où est tiré le code repris.

XML

Si vous savez faire ça :

Un beau tableau
1992 1993 1994
Valeur 112.513.6 15
Valeur 213.611.12 9
Valeur 314.712.5 13

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

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

  1. ||Un beau tableau||
  2. || {{1992}} | {{1993}} | {{1994}} |
  3. | {{Valeur 1}} | 12.5 | 13.6 | 15 |
  4. | {{Valeur 2}} | 13.6 | 11.12 | 9 |
  5. | {{Valeur 3}} | 14.7 | 12.5 | 13 |

vous pouvez facilement transformer ce tableau en graphique ainsi :

  1. <chart type="line">
  2. || line ||
  3. || 1992 | 1993 | 1994 |
  4. | Valeur 1 | 12.5 | 13.6 | 15 |
  5. | Valeur 2 | 13.6 | 11.12 | 9 |
  6. | Valeur 3 | 14.7 | 12.5 | 13 |
  7. </chart>

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

- On encadre le tableau entre les mentions :

  1. <chart type="line">
  2.      ...
  3. </chart>

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 :

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.

Zip - 35.8 ko
PB Charts 1.0

- Rendez-vous dans l’espace « Download » de Maani ; récupérez l’une des archives, décompactez l’archive.
- Installez le contenu de l’archive « charts » 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.

Août 2007
Le plugin PB Charts
luc

C’est impressionnant. Bravo.

Octobre 2007
Utilisé sur ce site
Philippe Rivière (Philippe.Riviere chez Monde-diplomatique.fr)

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

merci

Octobre 2007
Le plugin PB Charts
touti (toutati chez free.fr)

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 &amp; ne marche pas ni &

il y a 5 mois
Le plugin PB Charts
thx11 (thx111 chez gmail.com)

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

il y a 3 semaines
Le plugin PB Charts

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

il y a 3 jours
Le plugin PB Charts
Socrate (med.dria chez gmail.com)

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

Votre message :
Un message, un commentaire ?

(Pour créer des paragraphes, laissez simplement des lignes vides.)

Qui êtes-vous ? (optionnel)