Cowboy: Neu angelegt

2025-03-09T00:00:33Z

Neu angelegt

Neue Seite

<noinclude>{{Dokumentation/Dokuseite}}</noinclude>
Diese Vorlage dient zur Darstellung von Diagrammen mittels der [[Hilfe:Graph|Graph]]-Erweiterung.

Für die Einbindung der Diagramme in Artikel kann [[Vorlage:Manueller Rahmen]] verwendet werden, mit welcher ein analoges Aussehen zu eingebundenen Bildern erreicht wird.

Für die Darstellung von Balkendiagrammen können die [[Vorlage:Balkendiagramm]] sowie die dort verlinkten Vorlagen verwendet werden.

== Parameter ==
{{CowboysWiki:Lua/Modul/Graph/de|chart}}

== Beispiele ==
=== Liniendiagramm ===

Liniendiagramm: 
<code><nowiki>{{Graph:Chart|width=400|height=100|type=line|x=1,2,3,4,5,8,9,10|y=10, 12, 6, 14, 2, 10, 7, 9|yAxisMin=0}}</nowiki></code> {{Graph:Chart|width=400|height=100|type=line|x=1,2,3,4,5,8,9,10|y=10, 12, 6, 14, 2, 10, 7, 9|yAxisMin=0}} 
Anmerkung: Die y-Achse der Liniendiagramme beginnt standardmäßig beim kleinsten Wert, was jedoch durch den Parameter <code>yAxisMin</code> überschrieben werden kann.

Liniendiagramm mit Ordinalskala: 
<code><nowiki>{{Graph:Chart|width=400|height=100|type=line|x=a,b,c,d,e,f,g,h|y=10, 12, 6, 14, 2, 10, 7, 9}}</nowiki></code> 
{{Graph:Chart|width=400|height=100|type=line|x=a,b,c,d,e,f,g,h|y=10, 12, 6, 14, 2, 10, 7, 9}}

Liniendiagramm mit hervorgehobenen Datenpunkten: 
<code><nowiki>
{{Graph:Chart|width=400|height=100|x=1,2,3,4,5,8,9,10|y1=10, 12, 6, 14, 2, 10, 7, 9|yAxisMin=0|showSymbols=2|symbolsNoFill=|symbolsStroke=1}}</nowiki></code> 
{{Graph:Chart|width=400|height=100|x=1,2,3,4,5,8,9,10|y1=10, 12, 6, 14, 2, 10, 7, 9|yAxisMin=0|showSymbols=2|symbolsNoFill=|symbolsStroke=1}} 

Liniendiagramm mit Datumswerten (nur englische Ausgabe): 
<code><nowiki>{{Graph:Chart|width=400|height=100|type=line|x=2011/8/1,2011/9/1,2011/10/1,2011/11/1,2011/12/1,2012/1/1,2012/2/1,2012/3/1|y=10, 12, 6, 14, 2, 10, 7, 9|xType=date}}</nowiki></code> 
{{Graph:Chart|width=400|height=100|type=line|x=2011/8/1,2011/9/1,2011/10/1,2011/11/1,2011/12/1,2012/1/1,2012/2/1,2012/3/1|y=10, 12, 6, 14, 2, 10, 7, 9|xType=date}}

Liniendiagramm mit mehreren Datenreihen und eigenem Farbschema: 
<code><nowiki>{{Graph:Chart|width=400|height=100|xAxisTitle=X|yAxisTitle=Y|legend=Legende|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|colors=#0000aa,#ff8000|yAxisMin=0|y1Title=Datenreihe 1|y2Title=Datenreihe 2}}</nowiki></code> {{Graph:Chart|width=400|height=100|xAxisTitle=X|yAxisTitle=Y|legend=Legende|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|colors=#0000aa,#ff8000|yAxisMin=0|y1Title=Datenreihe 1|y2Title=Datenreihe 2}}

Liniendiagramm mit logarithmischer Skalierung der y-Achse: 
<code><nowiki>{{Graph:Chart|width=400|height=100|type=line|x=1,2,3,4,5,8,9,10|y=10, 12, 6, 14, 2, 10, 7, 9|yScaleType=log}}</nowiki></code>
{{Graph:Chart|width=400|height=100|type=line|x=1,2,3,4,5,8,9,10|y=10, 12, 6, 14, 2, 10, 7, 9|yScaleType=log}}

Liniendiagramm mit logarithmischer Skalierung der x-Achse: 
<code><nowiki>{{Graph:Chart|width=400|height=100|type=line|x=1,2,3,4,5,8,9,10|y=10, 12, 6, 14, 2, 10, 7, 9|xScaleType=log|yAxisMin=0}}</nowiki></code>
{{Graph:Chart|width=400|height=100|type=line|x=1,2,3,4,5,8,9,10|y=10, 12, 6, 14, 2, 10, 7, 9|xScaleType=log|yAxisMin=0}}

Liniendiagramm mit doppelt logarithmischer Skalierung: 
<code><nowiki>{{Graph:Chart|width=400|height=100|type=line|x=1,2,3,4,5,8,9,10|y=10, 12, 6, 14, 2, 10, 7, 9|xScaleType=log|yScaleType=log}}</nowiki></code>
{{Graph:Chart|width=400|height=100|type=line|x=1,2,3,4,5,8,9,10|y=10, 12, 6, 14, 2, 10, 7, 9|xScaleType=log|yScaleType=log}}

=== Flächendiagramm ===

Flächendiagramm: 
<code><nowiki>{{Graph:Chart|width=400|height=100|type=area|x=1,2,3,4,5,8,9,10|y=10, 12, 6, 14, 2, 10, 7, 9}}</nowiki></code> {{Graph:Chart|width=400|height=100|type=area|x=1,2,3,4,5,8,9,10|y=10, 12, 6, 14, 2, 10, 7, 9}} 
Anmerkung: Die y-Achse von Flächendiagrammen beginnt standardmäßig bei 0.

Flächendiagramm mit mehreren Datenreihen und transparenten Flächen: 
<code><nowiki>{{Graph:Chart|width=400|height=100|xAxisTitle=X|yAxisTitle=Y|legend=Legende|type=area|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|colors=#800000aa,#80ff8000}}</nowiki></code> {{Graph:Chart|width=400|height=100|xAxisTitle=X|yAxisTitle=Y|legend=Legende|type=area|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|colors=#800000aa,#80ff8000}}

=== Säulendiagramm ===

Säulendiagramm mit Achsbeschriftungen: 
<code><nowiki>{{Graph:Chart|width=400|height=100|xAxisTitle=X|yAxisTitle=Y|type=rect|x=1,2,3,4,5,8,9,10|y=10, 12, 6, 14, 2, 10, 7, 9}}</nowiki></code> {{Graph:Chart|width=400|height=100|xAxisTitle=X|yAxisTitle=Y|type=rect|x=1,2,3,4,5,8,9,10|y=10, 12, 6, 14, 2, 10, 7, 9}}

Säulendiagramm mit Werteausgabe: 
<code><nowiki>{{Graph:Chart|width=400|height=100|type=rect|x=1,2,3,4,5,8,9,10|y=10, 12, 6, 14, 2, 10, 7, 9|showValues=}}</nowiki></code> {{Graph:Chart|width=400|height=100|type=rect|x=1,2,3,4,5,8,9,10|y=10, 12, 6, 14, 2, 10, 7, 9|showValues=}}

Säulendiagramm mit Werteausgabe außerhalb der Säulen: 
<code><nowiki>{{Graph:Chart|width=400|height=100|type=rect|x=1,2,3,4,5,8,9,10|y=10, 12, 6, 14, 2, 10, 7, 9|showValues=offset:4}}</nowiki></code> {{Graph:Chart|width=400|height=100|type=rect|x=1,2,3,4,5,8,9,10|y=10, 12, 6, 14, 2, 10, 7, 9|showValues=offset:4}}

Säulendiagramm mit mehreren Datenreihen: 
<code><nowiki>{{Graph:Chart|width=400|height=100|xAxisTitle=X|yAxisTitle=Y|legend=Legende|type=rect|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}}</nowiki></code> {{Graph:Chart|width=400|height=100|xAxisTitle=X|yAxisTitle=Y|legend=Legende|type=rect|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}}

=== Gestapeltes Diagramm ===
Gestapeltes Flächendiagramm mit Interpolation: 
<code><nowiki>{{Graph:Chart|width=400|height=100|xAxisTitle=X|yAxisTitle=Y|legend=Legende|type=stackedarea|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|interpolate=monotone|colors=seagreen, orchid}}</nowiki></code> {{Graph:Chart|width=400|height=100|xAxisTitle=X|yAxisTitle=Y|legend=Legende|type=stackedarea|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|interpolate=monotone|colors=seagreen, orchid}}

Gestapeltes Säulendiagramm: 
<code><nowiki>{{Graph:Chart|width=400|height=100|xAxisTitle=X|yAxisTitle=Y|legend=Legende|type=stackedrect|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|y1Title=Reihe A|y2Title=Reihe B|colors=seagreen, orchid}}</nowiki></code> {{Graph:Chart|width=400|height=100|xAxisTitle=X|yAxisTitle=Y|legend=Legende|type=stackedrect|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|y1Title=Reihe A|y2Title=Reihe B|colors=seagreen, orchid}}

=== {{Anker|Kreisdiagramm|Ringdiagramm}} Tortendiagramm ===
Tortendiagramm: 
<code><nowiki>{{Graph:Chart|width=100|height=100|type=pie|legend=Legende|x=A,B,C,D,E,F,G,H,I|y1=100,200,150,300,100,100,150,50,200}}</nowiki></code> 
{{Graph:Chart|width=100|height=100|type=pie|legend=Legende|x=A,B,C,D,E,F,G,H,I|y1=100,200,150,300,100,100,150,50,200}}

Tortendiagramm mit Beschriftungen: 
<code><nowiki>{{Graph:Chart|width=100|height=100|type=pie|legend=Legende|x=A,B,C,D,E,F,G,H,I|y1=100,200,150,300,100,100,150,50,200|showValues=}}</nowiki></code> 
{{Graph:Chart|width=100|height=100|type=pie|legend=Legende|x=A,B,C,D,E,F,G,H,I|y1=100,200,150,300,100,100,150,50,200|showValues=}}

Tortendiagramm mit formatierten Beschriftungen: 
<code><nowiki>{{Graph:Chart|width=100|height=100|type=pie|legend=Legende|x=A,B,C,D,E,F,G,H,I|y1=0.135,0.112,0.098,0.106,0.099,0.111,0.117,0.105,0.117|showValues=format:0.1%,fontcolor:black,fontsize:10,offset:5,angle:0}}</nowiki></code> 
{{Graph:Chart|width=100|height=100|type=pie|legend=Legende|x=A,B,C,D,E,F,G,H,I|y1=0.135,0.112,0.098,0.106,0.099,0.111,0.117,0.105,0.117|showValues=format:0.1%,fontcolor:black,fontsize:10,offset:5,angle:0}}

Ringdiagramm: 
<code><nowiki>{{Graph:Chart|width=100|height=100|type=pie|innerRadius=40|legend=Legende|x=A,B,C,D,E,F,G,H,I|y1=100,200,150,300,100,100,150,50,200}}</nowiki></code> 
{{Graph:Chart|width=100|height=100|type=pie|innerRadius=40|legend=Legende|x=A,B,C,D,E,F,G,H,I|y1=100,200,150,300,100,100,150,50,200}}

== Anmerkung ==
Nach dem Abspeichern eines neuen Diagramms kann es passieren, dass das Diagramm nicht angezeigt wird, da der Wikipedia-Diagrammrenderer ein wenig Zeit benötigt. Wenn man die Seite nach wenigen Sekunden neulädt, sollte das Diagramm dann erscheinen.

== Siehe auch ==
* {{Vorlage|Graph:Map}}
* {{Vorlage|WikidataChart}}, grafische Darstellung in Diagrammform von Wikidata-Einträgen
* {{Vorlage|Graph:Lines}} (Liniendiagramme) und {{Vorlage|Graph:Stacked}} (Flächen- und Balkendiagramme) für kompliziertere Wikidata-Abfragen
* {{Vorlage|Kreisdiagramm}}

<includeonly>{{Lua-Vorlage|Graph #chart}}
[[Kategorie:Vorlage:Diagramm| GraphChart]]
</includeonly>

Vorlage:Graph:Chart/Doku - Versionsgeschichte

Cowboy: Neu angelegt