SPIP-Contrib

SPIP-Contrib

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

286 Plugins, 197 contribs sur SPIP-Zone, 277 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 ?
  • [Se connecter]

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

  • Bazar

    8 octobre 2015 – 21 commentaires

    Un squelette pour étaler son bazar sur l’accueil. Bazar est un squelette HTML5/CSS3 issu du squelette neo-dist (http://zone.spip.org/trac/spip-zone/browser/_core_/plugins/neo-dist) : c’est un choix fait au départ, qui à l’avantage d’intégrer (...)

  • LinkCheck : vérificateur de liens

    13 février 2015 – 70 commentaires

    Ce plugin permet de chercher et tester l’ensemble des liens présents dans les objets. Vous pourrez donc en quelques clics connaître les liens brisés ou défectueux qui se sont immiscés dans le contenu de votre site SPIP. La vérification s’effectue en (...)

  • Dublin Core

    21 septembre 2010 – 28 commentaires

    Un petit squelette pour l’insertion de méta-données Dublin Core dans la partie head des articles. Le Dublin Core « Le Dublin Core est un schéma de métadonnées générique qui permet de décrire des ressources numériques ou physiques et d’établir des (...)

  • Le plugin ZotSpip

    28 mai 2012 – 136 commentaires

    Synchronise Spip avec une bibliothèque (personnelle ou partagée) de références bibliographiques Zotero. Utilisez Zotero pour gérer / importer / rédiger vos références bibliographiques, puis incorporez vos références bibliographiques dans votre Spip avec (...)

  • Newsletters

    16 janvier 2013 – 410 commentaires

    Ce plugin permet de composer des Info-lettres. Par info-lettre, on désigne ici le contenu éditorial qui va être composé et envoyé par courriel à une liste d’inscrits. Le plugin permet de composer une info-lettre à partir d’un modèle pré-composé, (...)