Modèle:Graph/Documentation

Paramètres (TemplateData)

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

Paramètres du modèle

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

Paramètre		Description	Type	État
type	type	type de graphique : line pour graphique en ligne, rect pour histogramme (stackedrect pour histogrammes empilés) et pie pour camembert. Exemple line	Chaîne	obligatoire
classes	x	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îne	obligatoire
valeurs	y y1	liste des valeurs (hauteur pour un histogramme, 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îne	obligatoire
largeur	width	largeur du graphique Par défaut 400	Nombre	facultatif
hauteur	height	hauteur du graphique Par défaut 100	Nombre	facultatif
titre	title	Titre du graphique	Chaîne	facultatif
couleurs	colors	listes des couleurs du graphique, séparées par une virgule. Les valeurs sont entrées sous la forme #rvb / #rrvvbb ou avec leur nom CSS. Exemple seagreen, orchid	Chaîne	facultatif
Titre x	xAxisTitle	Légende de l'axe x	Chaîne	facultatif
Titre y	yAxisTitle	Légende de l'axe y	Chaîne	facultatif
MinX	xAxisMin	Valeur minimum de l'axe x pour les diagrammes en ligne	Nombre	facultatif
MaxX	xAxisMax	Valeur maximum de l'axe x pour les diagrammes en ligne	Nombre	facultatif
MinY	yAxisMin	Valeur minimum de l'axe y pour les diagrammes en ligne	Nombre	facultatif
MaxY	yAxisMax	Valeur maximum de l'axe y pour les diagrammes en ligne	Nombre	facultatif
Légende 1	y1Title	Légende de la série 1 de données (n'apparaît pas si vide) Exemple Série 1	Chaîne	facultatif
Légende 2	y2Title	Légende de la série 2 de données (n'apparaît pas si vide) Exemple Série 2	Chaîne	facultatif
Alignement	align	Aligné au centre ou flottant à droite Par défaut center	Chaîne	facultatif

Exemples

Diagramme en lignes

• Diagramme simple :

{{Graph |type=line |x=1,2,3,4,5,6,7,8|y=10,12,6,14,2,10,7,9}}

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

• Diagramme simple agrandi et centré :

{{Graph |width=600 |height=200 |type=line |x=1,2,3,4,5,6,7,8|y=10,12,6,14,2,10,7,9 |align=center}}

• Diagramme simple avec titre et dates inclinées :

{{Graph |width=400 |height=140 |type=line |x=01/01/2020, 15/01/2020, 01/02/2020, 15/02/2020, 01/03/2020, 15/03/2020, 01/04/2020, 15/04/2020, 01/05/2020, 15/05/2020, 01/06/20201, 15/06/2020, 01/07/2020, 15/07/2020, 01/08/2020
 |y=10,12,6,14,2,10,7,9| title= Titre du graphique | xAxisAngle=-40}}

• Diagramme en lignes avec 2 séries de données :

{{Graph |xAxisTitle=X |yAxisTitle=Y |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 }}

• Diagramme en lignes avec 2 séries de données, avec légendes et couleurs personnalisées :

{{Graph |xAxisTitle=X |yAxisTitle=Y |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 | y1Title= Série 1 |y2Title= Série 2 |colors=#0000aa,#ff8000}}

• Diagramme en lignes avec 4 séries de données :

{{Graph|xAxisTitle=X|yAxisTitle=Y|xAxisMin=0|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}}

Diagramme en barre (histogramme)

• Histogramme simple

{{Graph |xAxisTitle=X |yAxisTitle=Y |type=rect |x=1,2,3,4,5,6,7,8 |y=10,12,6,14,2,10,7,9}}

• Histogramme avec séries multiples

{{Graph |xAxisTitle=X |yAxisTitle=Y |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=red,green}}

• Histogramme avec données empilées

{{Graph |xAxisTitle=X |yAxisTitle=Y |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}}

Diagramme de dispersion (nuage de points)

• Nuage de points avec plusieurs séries de données de couleurs différentes

{{Graph|xAxisTitle=X|yAxisTitle=Y|xAxisMin=0|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}}

Diagramme circulaire (camembert)

• Camembert

{{Graph |width=300 |type=pie |x=A,B,C,D,E,F,G,H,I |y1=100,200,150,300,100,100,150,50,200}}

• Petit camembert flottant à droite

{{Graph |width=150 |height=150 |type=pie |x=A,B,C |y1=100,200,150 |align=right}}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fermentum ornare diam, in lobortis purus gravida nec. Duis sodales tellus eu vulputate pulvinar. Praesent a quam nibh. Nulla maximus eu lacus id placerat. Cras feugiat interdum elit eget pellentesque. Praesent varius, metus eu eleifend congue, neque risus feugiat libero, a rutrum augue metus nec mauris. Vivamus quis luctus ipsum, et iaculis erat. Duis scelerisque lacus eros, ut dignissim lacus ultricies in. Nulla egestas mi eu purus pretium, ac luctus risus fringilla. Aenean id eros in purus ultricies imperdiet.

Pellentesque sed blandit mauris. Duis in turpis a urna egestas euismod ut ac ligula. Praesent ante dui, vehicula ac lorem eu, tristique mollis ligula. Suspendisse accumsan vulputate laoreet. In tellus libero, condimentum eu nunc vitae, mollis consectetur enim. Duis nec urna arcu. Vivamus fringilla hendrerit nunc, eu euismod massa imperdiet quis. Nam rutrum augue ac quam imperdiet, ut malesuada tellus lacinia. Praesent nec purus nisi.