Modèle:Graph:Chart

 Documentation[voir] [modifier] [historique] [purger]

Ce modèle est obsolète.

Le modèle Graph:Chart est obsolète en raison de l'obsolescence de l'extension Graph, remplacée par l'extension Chart. (Vérifier son utilisation.)
Veuillez utiliser un autre modèle à la place ou solliciter l’aide des modélistes du projet Modèle.

Ce modèle utilise le module Graph, un script écrit dans le langage de programmation Lua. Toute expérimentation devrait être conduite d'abord via sa sous-page bac à sable. Voir le projet Scribunto si vous voulez en savoir plus.

Ce modèle utilise la feuille de style Graph:Chart/styles.css en CSS. Voir l'aide de l'extension TemplateStyles si vous voulez en savoir plus.

Paramètres (TemplateData)

Ce modèle permet de créer un graphique dans un article de Wikipédia, comme un graphique en lignes, un camembert ou un histogramme.

Paramètres du modèle[Modifier les données du modèle]

La mise en forme multiligne est préférée pour ce modèle.

ParamètreDescriptionTypeÉtat
largeurwidth

largeur du graphique

Par défaut
400
Nombreobligatoire
hauteurheight

hauteur du graphique

Par défaut
100
Nombreobligatoire
typetype

type de graphique : line pour graphique en ligne, area pour graphique en surfaces, rect pour diagramme en barre et pie pour camembert. Plusieurs séries de données peuvent être empilées en utilisant le préfixe stacked.

Exemple
stackedarea
Chaîneobligatoire
classesx

liste des classes (catégories ou valeurs en x), séparées par une virgule

Exemple
1,2,3,4,5,6,7,8
Chaîneobligatoire
valeursy y1

liste des valeurs (hauteur pour un diagramme en barre, secteur angulaire pour un camembert), séparées par une virgule (Les séries suivantes se nomment y2, y3, y4, etc.)

Exemple
10,12,6,14,2,10,7,9
Chaîneobligatoire
couleurscolors

listes des couleurs du graphique, séparées par une virgule. Les valeurs sont entrées sous la forme #rvb / #rrvvbb / #aarrvvbb ou avec leur nom CSS. Pour la syntaxe #aarrvvbb, la composante aa indique la transparence (canal alpha, FF=100% opaque, 80=50% semi-transparent, etc.). La palette de couleur par défaut est category10.

Exemple
seagreen, orchid
Chaînefacultatif
Titre xxAxisTitle

Légende de l'axe x

Chaînefacultatif
Titre yyAxisTitle

Légende de l'axe y

Chaînefacultatif
xGridxGrid

Option afin d'afficher une grille pour l'abscisse

Exemple
0 ou 1
Nombrefacultatif
yGridyGrid

Option afin d'afficher une grille pour l'ordonnée

Exemple
0 ou 1
Nombrefacultatif
MinXxAxisMin

Valeur minimum de l'axe x pour les diagrammes en ligne

Nombrefacultatif
MaxXxAxisMax

Valeur maximum de l'axe x pour les diagrammes en ligne

Nombrefacultatif
MinYyAxisMin

Valeur minimum de l'axe y pour les diagrammes en ligne

Nombrefacultatif
MaxYyAxisMax

Valeur maximum de l'axe y pour les diagrammes en ligne

Nombrefacultatif
Format de l'axe x (des ordonnées)xAxisFormat

Format de représentations des étiquettes sur l'axe des abscisses. Les valeurs prises en charges sont données dans la page [https://github.com/d3/d3-3.x-api-reference/blob/master/Formatting.md#numbers] pour les nombres et dans la page [https://github.com/d3/d3-3.x-api-reference/blob/master/Time-Formatting.md] pour l'horodatation. Par exemple, le format &percent; peut être utilisé pour des pourcentages, et le s pour le système international

Chaînefacultatif
Format de l'axe y des abscissesyAxisFormat

Format de représentations des étiquettes sur l'axe des ordonnées. Les valeurs prises en charges sont données dans la page https://github.com/d3/d3-3.x-api-reference/blob/master/Formatting.md#numbers pour les nombres et dans la page https://github.com/d3/d3-3.x-api-reference/blob/master/Time-Formatting.md pour l'horodatation. Par exemple, le format &percent; peut être utilisé pour des pourcentages.

Chaînefacultatif
Légendelegend

Titre de la légende des différentes séries de données représentées. N'apparaît qu'en cas de séries multiples de données (y1, y2, etc)

Exemple
Légende
Chaînefacultatif
showSymbolsshowSymbols

Affiche un diagramme avec des marques

Exemple
0 ou 1
Nombrefacultatif
Interpolationinterpolate

Méthode d'interpolation utilisée pour lisser les données. Valeur recommandée : monotone (pour interpolation cubique). Les interpolations disponibles sont les suivantes: * linear: linéaire, * step-before: marche antérieure, * step-after: marche postérieure, * basis, * basis-open, * cardinal, * cardinal-open, * monotone.

Exemple
monotone
Chaînesuggéré
Épaisseurlinewidth

épaisseur de trait pour les diagramme en lignes ou espacement entre les secteurs pour un diagramme circulaire

Nombrefacultatif
Type xxType

Type de donnée des valeurs (integer pour les nombres entiers, number pour les nombres avec virgule, date pour les dates (au format AAAA/MM/JJ) et string pour les valeurs ordinales

Chaînefacultatif
Type yyType

Type de donnée des valeurs (integer pour les nombres entiers, number pour les nombres avec virgule, date pour les dates (au format AAAA/MM/JJ) et string pour les valeurs ordinales

Inconnufacultatif

Exemples

Diagramme en lignes

  • Diagramme simple :
{{Graph:Chart |width=400 |height=140 |type=line |x=1,2,3,4,5,6,7,8|y=10,12,6,14,2,10,7,9}}

Pour des raisons techniques, il est temporairement impossible d'afficher le graphique qui aurait dû être présenté ici.

Note : l'axe y commence à la valeur minimum de y, mais ce paramètres peut être changé avec le paramètre yAxisMin.

  • Diagramme simple avec marques :
{{Graph:Chart |width=400 |height=140 |type=line |showSymbols=1 |x=1,2,3,4,5,6,7,8|y=10,12,6,14,2,10,7,9}}

Pour des raisons techniques, il est temporairement impossible d'afficher le graphique qui aurait dû être présenté ici.


  • Diagramme simple avec dates :
{{Graph:Chart |width=400 |height=140 |type=line |xType=date
 |x=2020/01/01, 2020/01/15, 2020/02/01, 2020/02/15, 2020/03/01, 2020/03/15, 2020/04/01, 2020/04/15, 2020/05/01, 2020/05/15, 2020/06/01, 2020/06/15, 2020/07/01, 2020/07/15, 2020/08/01
 |y=10,12,6,14,2,10,7,9}}

Pour des raisons techniques, il est temporairement impossible d'afficher le graphique qui aurait dû être présenté ici.


Note : les dates sont en anglais à cause d'un bug. xAxisFormat = %m/%Y permet d'afficher la date au format 05/2020 (MM/AAAA) pour éviter l'affichage des mois en anglais, ce qui donne ceci : 

{{Graph:Chart |width=400 |height=140 |type=line |xType=date |xAxisFormat = %m/%Y
 |x=2020/01/01, 2020/01/15, 2020/02/01, 2020/02/15, 2020/03/01, 2020/03/15, 2020/04/01, 2020/04/15, 2020/05/01, 2020/05/15, 2020/06/01, 2020/06/15, 2020/07/01, 2020/07/15, 2020/08/01
 |y=10,12,6,5,14,2,10,7,9,6,4,8,10,6,12}}

Pour des raisons techniques, il est temporairement impossible d'afficher le graphique qui aurait dû être présenté ici.


  • Diagramme en lignes avec plusieurs séries de données de couleurs différentes :
{{Graph:Chart |width=400 |height=140 |xAxisTitle=X |yAxisTitle=Y |legend=Légende |type=line |x=1,2,3,4,5,6,7,8 |y1=10,12,6,14,2,10,7,9 |y2=2,4,6,8,13,11,9,2 |colors=#0000aa,#ff8000}}

Pour des raisons techniques, il est temporairement impossible d'afficher le graphique qui aurait dû être présenté ici.


  • Diagramme en lignes avec plusieurs séries de données de couleurs différentes, des grilles et sans légende :
{{Graph:Chart |width=400 |height=140 |xAxisTitle=X |yAxisTitle=Y |xGrid=1 |yGrid=1 |legend=0 |type=line |x=1,2,3,4,5,6,7,8 |y1=10,12,6,14,2,10,7,9 |y2=2,4,6,8,13,11,9,2 |colors=#0000aa,#ff8000}}

Pour des raisons techniques, il est temporairement impossible d'afficher le graphique qui aurait dû être présenté ici.

Diagramme en surfaces

  • Diagramme simple
{{Graph:Chart |width=400 |height=100 |type=area |x=1,2,3,4,5,6,7,8 |y=10,12,6,14,2,10,7,9}}

Pour des raisons techniques, il est temporairement impossible d'afficher le graphique qui aurait dû être présenté ici.


Note : l'axe y commence à zéro.

  • Diagramme en surfaces avec plusieurs séries de données qui se chevauchent
{{Graph:Chart |width=400 |height=100 |xAxisTitle=X |yAxisTitle=Y |legend=Légende |type=area |x=1,2,3,4,5,6,7,8 |y1=10,12,6,14,2,10,7,9 |y2=2,4,6,8,13,11,9,2 |colors=#800000aa,#80ff8000}}

Pour des raisons techniques, il est temporairement impossible d'afficher le graphique qui aurait dû être présenté ici.

  • Diagramme en surfaces avec données lissées
{{Graph:Chart |width=400 |height=100 |xAxisTitle=X |yAxisTitle=Y |legend=Légende |type=stackedarea |x=1,2,3,4,5,6,7,8 |y1=10,12,6,14,2,10,7,9 |y2=2,4,6,8,13,11,9,2 |interpolate=monotone |colors=seagreen,orchid}}

Pour des raisons techniques, il est temporairement impossible d'afficher le graphique qui aurait dû être présenté ici.

Diagramme en barre (histogramme)

  • Histogramme simple
{{Graph:Chart |width=400 |height=100 |xAxisTitle=X |yAxisTitle=Y |type=rect |x=1,2,3,4,5,6,7,8 |y=10,12,6,14,2,10,7,9}}

Pour des raisons techniques, il est temporairement impossible d'afficher le graphique qui aurait dû être présenté ici.

  • Histogramme avec séries multiples
{{Graph:Chart |width=400 |height=100 |xAxisTitle=X |yAxisTitle=Y |legend=Légende |type=rect |x=1,2,3,4,5,6,7,8 |y1=10,12,6,14,2,10,7,9 |y2=2,4,6,8,13,11,9,2 |colors=#800000aa,#80ff8000}}

Pour des raisons techniques, il est temporairement impossible d'afficher le graphique qui aurait dû être présenté ici.

  • Histogramme avec données empilées
{{Graph:Chart |width=400 |height=100 |xAxisTitle=X |yAxisTitle=Y |legend=Légende |type=stackedrect |x=1,2,3,4,5,6,7,8 |y1=10,12,6,14,2,10,7,9 |y2=2,4,6,8,13,11,9,2 |y1Title=Data A |y2Title=Data B |colors=seagreen,orchid}}

Pour des raisons techniques, il est temporairement impossible d'afficher le graphique qui aurait dû être présenté ici.

Diagramme de dispersion (nuage de points)

  • Nuage de points avec plusieurs séries de données de couleurs différentes
{{Graph:Chart|width=400|height=100|xAxisTitle=X|yAxisTitle=Y|xAxisMin=0|legend=Légende|type=symbol|x=1,2,3,4,5,8,9,10|y1=10, 12, 6, 14, 2, 10, 7, 9 |y2=2,4,6,8,13,11,9,2 |y3=10,3,5,1,7,3,1,11 |y4=5,7,6,8,5,4,8,6}}

Pour des raisons techniques, il est temporairement impossible d'afficher le graphique qui aurait dû être présenté ici.

{{Graph:Chart|width=400|height=100|xAxisTitle=X|yAxisTitle=Y|xAxisMin=0|legend=Légende|type=line|x=1,2,3,4,5,8,9,10|y1=10, 12, 6, 14, 2, 10, 7, 9 |y2=2,4,6,8,13,11,9,2 |y3=10,3,5,1,7,3,1,11 |y4=5,7,6,8,5,4,8,6|linewidth=0|showSymbols=true}}

Pour des raisons techniques, il est temporairement impossible d'afficher le graphique qui aurait dû être présenté ici.

Diagramme circulaire (camembert)

  • Camembert simple avec légende

{{Graph:Chart |width=100 |height=100 |type=pie |legend=Légende |x=A,B,C,D,E,F,G,H,I |y1=100,200,150,300,100,100,150,50,200}}

Pour des raisons techniques, il est temporairement impossible d'afficher le graphique qui aurait dû être présenté ici.

  • Camembert avec légende et valeurs

{{Graph:Chart |width=100 |height=100 |type=pie |legend=Légende |x=A,B,C,D,E,F,G,H,I |y1=100,200,150,300,100,100,150,50,200 |showValues=}}

Pour des raisons techniques, il est temporairement impossible d'afficher le graphique qui aurait dû être présenté ici.

  • Camembert avec légende, valeur et secteurs différenciés

{{Graph:Chart |width=100 |height=100 |type=pie |legend=Légende |x=A,B,C,D,E,F,G,H,I |y1=100,200,150,300,100,100,150,50,200 |y2=7,8,9,8,8,9,10,9,5 |showValues=}}

Pour des raisons techniques, il est temporairement impossible d'afficher le graphique qui aurait dû être présenté ici.

  • Diagramme annulaire avec légende

{{Graph:Chart |width=100 |height=100 |type=pie |innerRadius=40 |legend=Légende |x=A,B,C,D,E,F,G,H,I |y1=100,200,150,300,100,100,150,50,200}}

Pour des raisons techniques, il est temporairement impossible d'afficher le graphique qui aurait dû être présenté ici.

  • Diagramme annulaire avec légende, secteurs espacés et différenciés

{{Graph:Chart |width=100 |height=100 |type=pie |innerRadius=20 |legend=Légende |x=A,B,C,D,E,F,G,H,I |y1=100,200,150,300,100,100,150,50,200 |y2=7,8,9,8,8,9,10,9,5 |linewidth=5}}

Pour des raisons techniques, il est temporairement impossible d'afficher le graphique qui aurait dû être présenté ici.

Voir aussi

  • {{Graph:Chart/Cadre}} : permet d'afficher un graphique dans un cadre de type image à droite.
  • mw:Extension:Graph/fr : l'extension de MediaWiki utilisée pour ces graphiques, avec des exemples d'utilisation plus poussés.

La documentation de ce modèle est générée par le modèle {{Documentation}}.
Elle est incluse depuis sa sous-page de documentation. Veuillez placer les catégories sur cette page-là.
Les éditeurs peuvent travailler dans le bac à sable (modifier) et la page de test (modifier).
Voir les statistiques d'utilisation du modèle sur l'outil wstat.
Index: pl ar de en es fr it arz nl ja pt ceb sv uk vi war zh ru af ast az bg zh-min-nan bn be ca cs cy da et el eo eu fa gl ko hi hr id he ka la lv lt hu mk ms min no nn ce uz kk ro simple sk sl sr sh fi ta tt th tg azb tr ur zh-yue hy my ace als am an hyw ban bjn map-bms ba be-tarask bcl bpy bar bs br cv nv eml hif fo fy ga gd gu hak ha hsb io ig ilo ia ie os is jv kn ht ku ckb ky mrj lb lij li lmo mai mg ml zh-classical mr xmf mzn cdo mn nap new ne frr oc mhr or as pa pnb ps pms nds crh qu sa sah sco sq scn si sd szl su sw tl shn te bug vec vo wa wuu yi yo diq bat-smg zu lad kbd ang smn ab roa-rup frp arc gn av ay bh bi bo bxr cbk-zam co za dag ary se pdc dv dsb myv ext fur gv gag inh ki glk gan guw xal haw rw kbp pam csb kw km kv koi kg gom ks gcr lo lbe ltg lez nia ln jbo lg mt mi tw mwl mdf mnw nqo fj nah na nds-nl nrm nov om pi pag pap pfl pcd krc kaa ksh rm rue sm sat sc trv stq nso sn cu so srn kab roa-tara tet tpi to chr tum tk tyv udm ug vep fiu-vro vls wo xh zea ty ak bm ch ny ee ff got iu ik kl mad cr pih ami pwn pnt dz rmy rn sg st tn ss ti din chy ts kcg ve
Prefix: a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9

Portal di Ensiklopedia Dunia

Portal : Agama
Agama
Portal : Bahasa
Bahasa
Portal : Biografi
Biografi
Portal : Budaya
Budaya
Portal : Ekonomi
Ekonomi
Portal : Elektronika
Elektronika
Portal : Film
Film
Portal : Filsafat
Filsafat
Portal : Geografi
Geografi
Portal : Indonesia
Indonesia
Portal : Ilmu
Ilmu
Portal : Lingkungan
Lingkungan
Portal : Masyarakat
Masyarakat
Portal : Matematika
Matematika
Portal : Militer
Militer
Portal : Mitologi
Mitologi
Portal : Musik
Musik
Portal : Olahraga
Olahraga
Portal : Pendidikan
Pendidikan
Portal : Politik
Politik
Portal : Sastra
Sastra
Portal : Sejarah
Sejarah
Portal : Seni
Seni
Portal : Teknologi
Teknologi

Kembali kehalaman sebelumnya