Vorlage:Graph:Chart/Doku: Unterschied zwischen den Versionen
K (→Beispiele) |
K (44 Versionen importiert: Extension Graph) |
||
(36 dazwischenliegende Versionen von 13 Benutzern werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
<noinclude>{{Dokumentation/Dokuseite}}</noinclude> | <noinclude>{{Dokumentation/Dokuseite}}</noinclude> | ||
Diese Vorlage dient zur Darstellung von Diagrammen mittels der [[Hilfe:Graph|Graph]]-Erweiterung. | 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 kann die [[Vorlage:Balkendiagramm]] sowie die dort verlinkten Vorlagen verwendet werden. | |||
== Parameter == | == Parameter == | ||
Zeile 6: | Zeile 10: | ||
== Beispiele == | == Beispiele == | ||
=== Linien-, Flächen- und Säulendiagramm === | |||
Liniendiagramm:<br /> | Liniendiagramm:<br /> | ||
< | <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><br />{{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}}<br /> | ||
Anmerkung: Die y-Achse der Liniendiagramme beginnt standardmäßig beim kleinsten Wert, was jedoch durch den Parameter < | 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:<br /> | |||
<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><br /> | |||
{{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 Datumswerten (nur englische Ausgabe):<br /> | |||
<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><br /> | |||
{{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}} | |||
Flächendiagramm:<br /> | Flächendiagramm:<br /> | ||
< | <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><br />{{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}}<br /> | ||
Anmerkung: Die y-Achse von Flächendiagrammen beginnt standardmäßig bei 0. | Anmerkung: Die y-Achse von Flächendiagrammen beginnt standardmäßig bei 0. | ||
Säulendiagramm mit Achsbeschriftungen:<br /> | Säulendiagramm mit Achsbeschriftungen:<br /> | ||
< | <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><br />{{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:<br /> | |||
<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><br />{{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:<br /> | |||
<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><br />{{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}} | |||
Liniendiagramm mit mehrerern Datenreihen und eigenem Farbschema:<br /> | Liniendiagramm mit mehrerern Datenreihen und eigenem Farbschema:<br /> | ||
< | <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}}</nowiki></code><br />{{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}} | ||
Flächendiagramm mit mehrerern Datenreihen und transparenten Flächen:<br /> | Flächendiagramm mit mehrerern Datenreihen und transparenten Flächen:<br /> | ||
< | <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><br />{{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 mit mehreren Datenreihen:<br /> | |||
<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><br />{{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}} | |||
Liniendiagramm mit logarithmischer Skalierung der y-Achse:<br /> | |||
<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:<br /> | |||
<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:<br /> | |||
<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}} | |||
=== Gestapeltes Diagramm === | |||
Gestapeltes Flächendiagramm mit Interpolation:<br /> | Gestapeltes Flächendiagramm mit Interpolation:<br /> | ||
< | <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><br />{{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:<br /> | Gestapeltes Säulendiagramm:<br /> | ||
< | <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><br />{{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<!-- und Ringdiagramm--> === | |||
Tortendiagramm:<br /> | |||
<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><br /> | |||
{{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:<br /> | |||
<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><br /> | |||
{{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=}} | |||
Ringdiagramm:<br /> | |||
<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><br /> | |||
{{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 == | == 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. | 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 | |||
<includeonly>{{Lua-Vorlage|Graph #chart}} | |||
[[Kategorie:Vorlage:Diagramm| GraphChart]] | |||
</includeonly> |
Aktuelle Version vom 22. Juni 2020, 13:02 Uhr
Diese Seite ist die Dokumentations-Unterseite der Vorlage:Graph:Chart. |
Diese Vorlage dient zur Darstellung von Diagrammen mittels der 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 kann die Vorlage:Balkendiagramm sowie die dort verlinkten Vorlagen verwendet werden.
Parameter
{{Wikipedia:Lua/Modul/Graph/de|chart}}
Beispiele
Linien-, Flächen- und Säulendiagramm
Liniendiagramm:
{{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 yAxisMin
überschrieben werden kann.
Liniendiagramm mit Ordinalskala:
{{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 Datumswerten (nur englische Ausgabe):
{{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}}
Flächendiagramm:
{{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.
Säulendiagramm mit Achsbeschriftungen:
{{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:
{{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:
{{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}}
Liniendiagramm mit mehrerern Datenreihen und eigenem Farbschema:
{{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}}
Flächendiagramm mit mehrerern Datenreihen und transparenten Flächen:
{{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 mit mehreren Datenreihen:
{{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}}
Liniendiagramm mit logarithmischer Skalierung der y-Achse:
{{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:
{{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:
{{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}}
Gestapeltes Diagramm
Gestapeltes Flächendiagramm mit Interpolation:
{{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:
{{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}}
Tortendiagramm
Tortendiagramm:
{{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:
{{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=}}
Ringdiagramm:
{{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
- {{Graph:Map}}
- {{WikidataChart}}, grafische Darstellung in Diagrammform von Wikidata-Einträgen
- {{Graph:Lines}} (Liniendiagramme) und {{Graph:Stacked}} (Flächen- und Balkendiagramme) für kompliziertere Wikidata-Abfragen