SPIP-Contrib

SPIP-Contrib

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

288 Plugins, 197 contribs sur SPIP-Zone, 204 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

  • LinkCheck : vérificateur de liens

    13 février 2015 – 94 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 (...)

  • Serveur HTTP abstrait

    25 novembre 2013 – commentaires

    Un plugin-outil pour aider les développeurs à implémenter des API orientées REST, basées sur les méthodes HTTP (get, post, put, delete). Ce plugin a pour but premier de normaliser des URL que l’on pourra appeler pour manipuler les données du site. À (...)

  • Agenda Fullcalendar facile

    29 octobre 2016 – 33 commentaires

    Dans un précédent article, nous expliquions comment afficher un agenda Fullcalendar sur son site avec le plugin agenda. Cependant, ceci nécessite des manipulation de squelettes, ce qui n’est pas toujours évident lorsqu’on débute. La présente (...)

  • Acces Restreint 3.0

    11 décembre 2008 – 804 commentaires

    Le plugin accès restreint permet de définir et de gérer des zones de l’espace public en accès restreint. Cette version du plugin a été redévelopée et optimisée tout spécialement pour SPIP 2.0. Il en découle une amélioration des performances sur les gros (...)

  • Abonnements

    31 janvier 2015 – 18 commentaires

    Gérer des abonnements à des offres, et uniquement cela. Ce plugin a pour but de regrouper tout ce qui est commun aux différents types d’abonnements possibles (à des zones restreintes, à des contenus précis, à une version papier pourquoi pas (...)

Ça spipe par là