SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano

273 Plugins, 191 contribs sur SPIP-Zone, 41 visiteurs en ce moment

Accueil du site > Affichage multimédia > Images > JpGraph > plugin JpGraph : autres types de graphiques

plugin JpGraph : autres types de graphiques

9 novembre 2009 – par Olivier Gautier – <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

5 votes

L’article plugin JpGraph, à lire avant celui-ci, vous présente le fonctionnement général du plugin JpGraph.

Les articles de cette rubrique vous présentent des exemples de créations de diagrammes circulaires, en barres, courbes ou histogrammes. A l’aide du plugin JpGraph, vous pouvez aussi réaliser des diagrammes d’autres types comme le montrent les exemples ci-dessous :
-  radar
-  diagramme en bâtons
-  placements de points dans un repère

Radar

La construction d’un tel diagramme suit les mêmes règles que celles des graphiques de type courbe. Vous pouvez donc lire l’article de référents aux exemples de courbes pour comprendre la syntaxe des données, couleurs et marqueurs.

Les paramètres indispensables à écrire sont :
-  type_graphe=radar
-  titre
-  donnee
-  legende

Le graphique ci-dessous est construit à l’aide du code :

<jpgraph
|type_graphe=radar
|titre=Noisettes collectées
|donnee=45;27;18;4;21;64
|donneedeux=55;47;48;34;41;34
|donneetrois=25;57;58;64;51;24
|largeur=450
|hauteur=450
|legende=Spip;Tic;Tac;Loulou;Riri;Fifi
|legendedeux=Septembre;Octobre;Novembre
|couleur=orange;red@0.5
|marqueur=triangle;6;blue;yellow
|couleurdeux=green;green@0.5:0.6
|marqueurdeux=carre;6;green;green:0.6
|couleurtrois=blue;purple@0.5
|marqueurtrois=etoile;6;purple;purple
|option=graphe_ombre>

On notera ici l’option graphe_ombre permettant de dessiner une ombre sur la droite et en bas du cadre du graphique.

Diagramme de type radar

Diagramme en bâtons

Le diagramme en bâtons ne supporte qu’une seule plage de données.
Les paramètres qu’il est indispensable de renseigner sont :
-  type_graphe=baton
-  titre
-  donnee
-  legende

Dans l’exemple ci-dessous, vous trouverez aussi les paramètres facultatifs :
-  une définition de marqueurs
-  le paramètre couleur définissant la couleur des barres
-  une hauteur et une largeur de graphique
-  le paramètre legendetrois permettant de définir les légendes des axes horizontaux et verticaux (séparés par «  ; »)
-  une option nommée graphe_couleur_fond définissant la couleur de fond des marges du graphique.

Le graphique ci-dessous est construit à l’aide du code :

<jpgraph
|type_graphe=baton
|titre=Noisettes collectées
|donnee=5;7;18;44;11;4
|largeur=450
|hauteur=300
|legende=Juillet;Août;Septembre;Octobre;Novembre;Décembre
|legendetrois=Mois;Nombre de noisettes
|couleur=brown
|marqueur=carre;5;blue;yellow
|option=graphe_couleur_fond=burlywood;>

Diagramme en bâtons

Placer des points dans un repère

Pour placer des points dans un repère, il suffit de proposer deux séries de données :
-  donnee correspondant aux abscisses (données horizontales) des points à placer
-  donneedeux correspondant aux ordonnées (données verticales) respectives de ces mêmes points

Les paramètres qu’il est indispensable de renseigner sont :
-  type_graphe=point
-  titre
-  donnee
-  donneedeux

Ci-dessous, vous trouverez aussi les paramètres facultatifs suivants :
-  largeur et hauteur du graphique
-  legendetrois définissant les légendes des deux axes (séparées par «  ; »)
-  marqueur définissant le type, la taille et la couleur du marqueur, et éventuellement la couleur de fond du marqueur (séparés par «  ; »)

Le graphique ci-dessous est construit à l’aide du code :

<jpgraph
|type_graphe=point
|titre=Des points dans un repere
|donnee= -6;-2;5;7
|donneedeux= 4;-3;2;6
|largeur=450
|hauteur=300
|legendetrois=Axe des abscisses;Axe des ordonnées
|marqueur=croix_x;8;red>

Des points dans un repère

Retour en haut de la page

Vos commentaires

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d'abord sur gravatar.com (gratuit et indolore) et n'oubliez pas d'indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Typographie avancée

    3 mars 2010 – <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    « Typographie avancée » active automatiquement un grand nombre d’automatismes destinés à affiner la typographie des textes produits par SPIP. Nécessite PHP 5 au minimum. « Typographie avancée » est l’adaptation, pour SPIP, de la classe « PHP Typography », (...)

  • Plugin Convertisseur

    24 février 2008 – 15 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Convertit différents formats d’articles (wiki, docx, pdf, etc..). en format SPIP (texte avec les raccourcis typographiques SPIP)

  • Thèmes pour l’interface privée

    22 février 2010 – <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Un sélecteur d’interfaces graphiques pour l’espace privé de SPIP 2.1. Une petite collection d’interfaces est livrée avec le plugin. Ce plugin permet à chaque participant à l’espace privé de sélectionner sa propre interface graphique en fonction de ses (...)

  • Albums

    8 novembre 2011 – 29 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Ce plugin permet d’afficher une ou plusieurs galeries d’images au fil du texte, dans les articles et ailleurs. Qui rédige un récit de voyage, par exemple, aimerait pouvoir illustrer son article de plusieurs petites séries de photos, une par jour. Or (...)

  • Navigation AJAX

    31 janvier – 17 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Ce plugin permet de modifier automatiquement une parties des liens internes de manière à ce qu’ils ne déclenchent pas un chargement complet de la page cible, mais un chargement en AJAX de certains éléments spécifiés à l’avance. Il permet aussi de (...)