SPIP-Contrib

SPIP-Contrib

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

289 Plugins, 197 contribs sur SPIP-Zone, 100 visiteurs en ce moment

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

plugin JpGraph : autres types de graphiques

9 novembre 2009 – par Olivier Gautier – commentaires

6 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

Dernière modification de cette page le 9 novembre 2009

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

  • Social tags

    8 septembre 2008 – 448 commentaires

    Le plugin Social Tags permet d’ajouter des icônes de partage de liens vers les sites tels que Digg, Facebook, Delicious.... Une fois le plugin installé et activé (voir doc.), le choix des sites se fait via un menu de configuration. Insertion (...)

  • ORR v2

    21 mai 2013 – 110 commentaires

    ORR, le plugin d’Organisation des Réservations et des Ressources passe en version 2, avec quelques nouveautés attendues. Je ne reprendrai pas les explications données dans la version 1. Les nouveautés : 1. Gestion des autorisations Le principe (...)

  • Mailshot

    16 janvier 2013 – 309 commentaires

    Ce plugin prend en charge l’envoi en nombre d’info-lettres par email. Mailshot permet l’envoi en nombre d’emails au moyen d’un SMTP (ou d’un service externe) dédié à cet effet. Il permet de limiter la cadence d’envoi. Enfin, ce plugin implémente la (...)

  • Visualiser un PDF dans un article

    13 juin – commentaires

    SoyezCréateurs utilise un modèle pour afficher un PDF dans le corps d’un article Un peu d’histoire Avant, les navigateurs n’incluaient pas de lecteur PDF nativement ce qui avait conduit à la création du plugin Lecteur pdf javascript pdf.js. Mais, (...)

  • ScolaSPIP 4

    19 janvier 2016 – 346 commentaires

    ScolaSPIP est plugin-squelette responsive personnalisable pour sites Web d’établissements scolaires basé sur SPIPr Présentation de ScolaSPIP Ce plugin pour SPIP 3 est développé par la Dane de l’académie de Versailles pour les webmestres de cette (...)