SPIP-Contrib

SPIP-Contrib

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

289 Plugins, 197 contribs sur SPIP-Zone, 125 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

  • Pub Banner : gestionnaire de bannières publicitaires

    28 juin 2011 – 131 commentaires

    Le plugin « PUB BANNER » est un gestionnaire complet de bannières publicitaires pour des squelettes SPIP. Il prend en charge tous les types de bannières et permet de leur attribuer des publicités (locales ou distantes, images ou Flash). Chaque (...)

  • GIS 4

    11 août 2012 – 1439 commentaires

    Présentation et nouveautés La version 4 de GIS abandonne la libraire Mapstraction au profit de Leaflet. Cette librairie permet de s’affranchir des librairies propriétaires tout en gardant les mêmes fonctionnalités, elle propose même de nouvelles (...)

  • Leadescent (Squelette)

    28 avril 2012 – 73 commentaires

    Présentation : Ce squelette permet de modifier la page d’index du thème Leadescent (adapté du thème Wordpress du même nom réalisé par Padd Solutions). Voir une démo du thème et du squelette Leadescent. Il est recommandé d’installer le thème associé à (...)

  • Mailsubscribers

    16 janvier 2013 – 372 commentaires

    Ce plugin permet de gérer les inscriptions (ou abonnements) à la diffusion de contenu par email. Mailsubscribers permet de gérer les inscriptions par Opt-in simple ou double et la désinscription par URL. Ce plugin gère également plusieurs listes de (...)

  • Leadescent (Thème)

    28 avril 2012 – 21 commentaires

    Présentation : Leadescent est un thème blanc, deux colonnes, adapté du thème Wordpress du même nom réalisé par Padd Solutions. Voir une démo du thème Leadescent. Il est recommandé d’installer le squelette associé à ce thème. Captures : (...)