Vorlage Diskussion:Graph:Chart

These graphs are awesome!!!

These graphs are awesome!!! Could we maybe put them in one place, e.g. mw:Extension:Graph/Guide, translated to all languages, and link from here. Also, I propose there should be a "sync-bot" - to clone certain pages from mw: to each intterested wiki. Thanks! --Yurik (Diskussion) 20:56, 12. Jun. 2015 (CEST)

Hi. Please see my comments at Benutzer Diskussion:Mps#Vorlage:GraphChart and Vorlage Diskussion:Graph:Map. --Mps 、かみまみた^Disk. 23:17, 12. Jun. 2015 (CEST)

Sinnvolle Einbindung mit Beschriftung

Wie soll die Einbindung in Artikeln am besten geschehen, wenn man eine rechtsbündige Ausrichtung sowie eine Beschriftung (wie bei der Einbindung von Dateien) erreichen möchte? Wenn beispielsweise in Materialflussanalyse das Kreisdiagramm ersetzt (und auf eine Legende verzichtet) wird, bleibt ohne festen Zeilenumbruch rechts viel leerer Raum:

<graph>{"legends":[],"scales":[{"domain":{"data":"chart","field":"x"},"type":"ordinal","name":"color","range":"category10"}],"version":2,"marks":[{"type":"arc","properties":{"hover":{"fill":{"value":"red"}},"update":{"fill":{"scale":"color","field":"x"}},"enter":{"endAngle":{"field":"layout_end"},"innerRadius":{"value":0},"outerRadius":{"value":70},"startAngle":{"field":"layout_start"},"stroke":{"value":"white"},"fill":{"scale":"color","field":"x"},"strokeWidth":{"value":1}}},"from":{"data":"chart","transform":[{"type":"pie","field":"y"}]}}],"height":70,"axes":[],"data":[{"format":{"parse":{"y":"integer","x":"string"},"type":"json"},"name":"chart","values":[{"y":45,"x":"A"},{"y":30,"x":"B"},{"y":25,"x":"C"}]}],"width":70}</graph>
Kreisdiagramm zeigt das Größenverhältnis dreier Anteile zueinander

Bei der Verwendung von <div> sieht es etwa so aus:

<graph>{"legends":[],"scales":[{"domain":{"data":"chart","field":"x"},"type":"ordinal","name":"color","range":"category10"}],"version":2,"marks":[{"type":"arc","properties":{"hover":{"fill":{"value":"red"}},"update":{"fill":{"scale":"color","field":"x"}},"enter":{"endAngle":{"field":"layout_end"},"innerRadius":{"value":0},"outerRadius":{"value":70},"startAngle":{"field":"layout_start"},"stroke":{"value":"white"},"fill":{"scale":"color","field":"x"},"strokeWidth":{"value":1}}},"from":{"data":"chart","transform":[{"type":"pie","field":"y"}]}}],"height":70,"axes":[],"data":[{"format":{"parse":{"y":"integer","x":"string"},"type":"json"},"name":"chart","values":[{"y":45,"x":"A"},{"y":30,"x":"B"},{"y":25,"x":"C"}]}],"width":70}</graph>
Kreisdiagramm zeigt das Größenverhältnis dreier Anteile zueinander

Welche Methode wäre am sinnvollsten? --Leyo 16:02, 10. Jan. 2016 (CET)

<graph>{"legends":[],"scales":[{"domain":{"data":"chart","field":"x"},"type":"ordinal","name":"color","range":"category10"}],"version":2,"marks":[{"type":"arc","properties":{"hover":{"fill":{"value":"red"}},"update":{"fill":{"scale":"color","field":"x"}},"enter":{"endAngle":{"field":"layout_end"},"innerRadius":{"value":0},"outerRadius":{"value":70},"startAngle":{"field":"layout_start"},"stroke":{"value":"white"},"fill":{"scale":"color","field":"x"},"strokeWidth":{"value":1}}},"from":{"data":"chart","transform":[{"type":"pie","field":"y"}]}}],"height":70,"axes":[],"data":[{"format":{"parse":{"y":"integer","x":"string"},"type":"json"},"name":"chart","values":[{"y":45,"x":"A"},{"y":30,"x":"B"},{"y":25,"x":"C"}]}],"width":70}</graph>

Kreisdiagramm zeigt das Größenverhältnis dreier Anteile zueinander

Semantisch korrekt wären div-Container – Tabellen sollten nur für Tabellen verwendet werden. Zudem kann man die Diagramme auch wie Bilder formatieren, wie nebenstehend gezeigt. --Mps 、かみまみた^Disk. 00:21, 11. Jan. 2016 (CET)

So sieht's gut aus. Nur ist der Code halt nicht so ganz OMA-tauglich. Könnte man dies vielleicht durch etwas wie |thumb=|caption=Kreisdiagramm zeigt das Größenverhältnis dreier Anteile zueinander innerhalb von {{Graph:Chart|…}} erreichen? Oder wäre dies eine Vermischung der Funktionen (reine Grafikvorlage vs. Formatierungsvorlage)? --Leyo 00:29, 11. Jan. 2016 (CET)

Besser wäre dafür eine Extravorlage, wie en:Template:Image frame, die diese Funktion besitzt. --Mps 、かみまみた^Disk. 00:35, 11. Jan. 2016 (CET)

Ja, wieso nicht? Ich frage mal in der Vorlagenwerkstatt, ob sie dort Vorbehalte haben. Allenfalls könnte die Befürchtung bestehen, dass die Vorlage (auch aufgrund ihres Namens) auch für Bilder verwendet wird, was einige Benutzer wohl nicht gerne sehen würden. --Leyo 00:43, 11. Jan. 2016 (CET)

Inzwischen gibt es die Vorlage:Manueller Rahmen. --Leyo 14:29, 10. Aug. 2022 (CEST)

Gestapeltes Diagramm mit alphanumerischer Sortierung?

Die Anordnung der gestapelten Diagrammabschnitte oder Balken steuert sich über deren Bezeichnungen (y1Title, y2Title, …). Um bspw. Parteien in eine gewünschte Anordnung zu bringen, wär es nötig deren Namen zu manipulieren: A-Partei nach unten Z-Partei nach oben.

Ist diese alphabetische Sortierung in der Vorlage:Graph:Chart gewollt? Läßt sich dieses Sortierverhalten abschalten?

--178.8.30.218 13:42, 22. Mär. 2016 (CET)

Gestapeltes Säulendiagramm (»a_cdp« ganz unten, »f_grün« ganz oben):

{{Graph:Chart|width=400|height=100|xAxisTitle=X|yAxisTitle=Y
|legend=Legende|type=stackedrect|x=1,2,3,4,5
|y1=10,12,6,14,8 |y2=2,4,6,8,10 |y3=15,12,9,6,3|y4=12,6,14,8,9|y5=6,14,8,10,9

|y1Title=b_spd
|y2Title=a_cdp
|y3Title=c_afd
|y4Title=f_grün
|y5Title=e_fdp

|colors=red,black,blue,green,yellow}}

<graph>{"legends":[{"properties":{"title":{"fill":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"stroke":"color","title":"Legende","fill":"color"}],"scales":[{"type":"ordinal","name":"x","zero":false,"domain":{"data":"chart","field":"x"},"range":"width","nice":true},{"type":"linear","name":"y","domain":{"data":"stats","field":"sum_y"},"zero":true,"range":"height","nice":true},{"domain":{"data":"chart","field":"series"},"type":"ordinal","name":"color","range":["red","black","blue","green","yellow"]}],"version":2,"marks":[{"type":"group","marks":[{"properties":{"hover":{"fill":{"value":"red"}},"update":{"fill":{"scale":"color","field":"series"}},"enter":{"y":{"scale":"y","field":"layout_start"},"x":{"scale":"x","field":"x"},"y2":{"scale":"y","field":"layout_end"},"width":{"scale":"x","offset":-1,"band":true},"fill":{"scale":"color","field":"series"}}},"type":"rect"}],"from":{"data":"chart","transform":[{"field":"y","type":"stack","sortby":["-_id"],"groupby":["x"]},{"groupby":["series"],"type":"facet"}]}}],"height":100,"axes":[{"type":"x","title":"X","scale":"x","format":"d","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":false},{"type":"y","title":"Y","scale":"y","format":"d","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":false}],"data":[{"format":{"parse":{"y":"integer","x":"integer"},"type":"json"},"name":"chart","values":[{"y":10,"series":"b_spd","x":1},{"y":12,"series":"b_spd","x":2},{"y":6,"series":"b_spd","x":3},{"y":14,"series":"b_spd","x":4},{"y":8,"series":"b_spd","x":5},{"y":2,"series":"a_cdp","x":1},{"y":4,"series":"a_cdp","x":2},{"y":6,"series":"a_cdp","x":3},{"y":8,"series":"a_cdp","x":4},{"y":10,"series":"a_cdp","x":5},{"y":15,"series":"c_afd","x":1},{"y":12,"series":"c_afd","x":2},{"y":9,"series":"c_afd","x":3},{"y":6,"series":"c_afd","x":4},{"y":3,"series":"c_afd","x":5},{"y":12,"series":"f_grün","x":1},{"y":6,"series":"f_grün","x":2},{"y":14,"series":"f_grün","x":3},{"y":8,"series":"f_grün","x":4},{"y":9,"series":"f_grün","x":5},{"y":6,"series":"e_fdp","x":1},{"y":14,"series":"e_fdp","x":2},{"y":8,"series":"e_fdp","x":3},{"y":10,"series":"e_fdp","x":4},{"y":9,"series":"e_fdp","x":5}]},{"transform":[{"type":"aggregate","summarize":{"y":"sum"},"groupby":["x"]}],"name":"stats","source":"chart"}],"width":400}</graph>

Gestapeltes Säulendiagramm (»a_spd« ganz unten, »f_grün« ganz oben):

{{Graph:Chart|width=400|height=100|xAxisTitle=X|yAxisTitle=Y
|legend=Legende|type=stackedrect|x=1,2,3,4,5
|y1=10,12,6,14,8 |y2=2,4,6,8,10 |y3=15,12,9,6,3|y4=12,6,14,8,9|y5=6,14,8,10,9

|y1Title=a_spd
|y2Title=b_cdp
|y3Title=c_afd
|y4Title=f_grün
|y5Title=e_fdp

|colors=red,black,blue,green,yellow}}

<graph>{"legends":[{"properties":{"title":{"fill":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"stroke":"color","title":"Legende","fill":"color"}],"scales":[{"type":"ordinal","name":"x","zero":false,"domain":{"data":"chart","field":"x"},"range":"width","nice":true},{"type":"linear","name":"y","domain":{"data":"stats","field":"sum_y"},"zero":true,"range":"height","nice":true},{"domain":{"data":"chart","field":"series"},"type":"ordinal","name":"color","range":["red","black","blue","green","yellow"]}],"version":2,"marks":[{"type":"group","marks":[{"properties":{"hover":{"fill":{"value":"red"}},"update":{"fill":{"scale":"color","field":"series"}},"enter":{"y":{"scale":"y","field":"layout_start"},"x":{"scale":"x","field":"x"},"y2":{"scale":"y","field":"layout_end"},"width":{"scale":"x","offset":-1,"band":true},"fill":{"scale":"color","field":"series"}}},"type":"rect"}],"from":{"data":"chart","transform":[{"field":"y","type":"stack","sortby":["-_id"],"groupby":["x"]},{"groupby":["series"],"type":"facet"}]}}],"height":100,"axes":[{"type":"x","title":"X","scale":"x","format":"d","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":false},{"type":"y","title":"Y","scale":"y","format":"d","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":false}],"data":[{"format":{"parse":{"y":"integer","x":"integer"},"type":"json"},"name":"chart","values":[{"y":10,"series":"a_spd","x":1},{"y":12,"series":"a_spd","x":2},{"y":6,"series":"a_spd","x":3},{"y":14,"series":"a_spd","x":4},{"y":8,"series":"a_spd","x":5},{"y":2,"series":"b_cdp","x":1},{"y":4,"series":"b_cdp","x":2},{"y":6,"series":"b_cdp","x":3},{"y":8,"series":"b_cdp","x":4},{"y":10,"series":"b_cdp","x":5},{"y":15,"series":"c_afd","x":1},{"y":12,"series":"c_afd","x":2},{"y":9,"series":"c_afd","x":3},{"y":6,"series":"c_afd","x":4},{"y":3,"series":"c_afd","x":5},{"y":12,"series":"f_grün","x":1},{"y":6,"series":"f_grün","x":2},{"y":14,"series":"f_grün","x":3},{"y":8,"series":"f_grün","x":4},{"y":9,"series":"f_grün","x":5},{"y":6,"series":"e_fdp","x":1},{"y":14,"series":"e_fdp","x":2},{"y":8,"series":"e_fdp","x":3},{"y":10,"series":"e_fdp","x":4},{"y":9,"series":"e_fdp","x":5}]},{"transform":[{"type":"aggregate","summarize":{"y":"sum"},"groupby":["x"]}],"name":"stats","source":"chart"}],"width":400}</graph> --178.5.162.150 22:14, 21. Mär. 2016 (CET)

Hallo, das ist eine Nebenwirkung weil für die Stapelung die Daten nach dem Reihentitel gruppiert (und damit implizit auch sortiert) werden. Ich werde mir das mal nächste Woche anschauen. --Mps 、かみまみた^Disk. 16:57, 3. Apr. 2016 (CEST)

Bilddateien werden in der AndroidApp nicht dargestellt

In der klassischen und mobilen Ansicht im Browser werden die erzeugten Bilddateien angezeigt. In der AndroidApp leider nicht. Gruß --W_I^KImaniac 14:10, 3. Apr. 2016 (CEST)

In der iOS-App leider auch nicht. --ElLutzo (Diskussion) 21:06, 13. Apr. 2022 (CEST)

Nachkommastellen

Ich durchblicke den Link zur Formatierung nicht ganz. Wie kriege ich es hin, dass Zahlen immer auf eine definierte Zahl an Nachkommastellen gebracht werden, zum Beispiel bei Geldbeträgen?

--Morgenstund (Diskussion) 14:04, 5. Apr. 2016 (CEST)

Das sollte über das Format .2f (= 2 feste Nachkommastellen) gehen. --Mps 、かみまみた^Disk. 20:35, 5. Apr. 2016 (CEST)

Danke! Kannst du mir ein Beispiel geben, wie genau der Befehl lautet? Ich verstehe das nicht ganz. yFormat=.2f oder Format=.2f als zusätzlich abgetrennte Parameter in der Vorlage funktionieren nicht. --Morgenstund (Diskussion) 17:18, 14. Apr. 2016 (CEST)

Habe ein ähnliches Problem mit xAxisFormat. Möchte die Jahreszahlen die mit x=1998,1999,2000 angegeben werden ohne Jahrhundertzahlen ausgeben. --AdAstraPerScientiam (Diskussion) 14:54, 29. Apr. 2016 (CEST)

Alternativ würde ich gerne nur jedes n. Jahr in der x-Achse als Text ausgeben. Gibt's hier Möglichkeiten? --AdAstraPerScientiam (Diskussion) 14:57, 29. Apr. 2016 (CEST)

Du kannst xType=string wählen und dann an die x-Achse alles Mögliche schreiben, zum Beispiel x='80,'81,'82 (siehe z.B. Globale Abkühlung) oder irgendein Auslassungszeichen verwenden, z.B. · , nur ein Leerzeichen scheint nicht zu gehen, dann wird "null" ausgegeben. --man (Diskussion) 09:23, 26. Apr. 2017 (CEST)

yAxisMin

Hallo Mps,

würdest du bitte den Standardwert für yAxisMin auf 0 setzen? Es gibt nur selten einen ehrlichen Grund für das Abschneiden eines Diagramms.--kopiersperre (Diskussion) 21:59, 12. Apr. 2016 (CEST)

Merkwürdiges Verhalten

Ein Merkwürdiges Verhalten beobachte ich unter Wuppertal#Religionen (Difflink). Dort hatte ich die Tortengrafik ersetzt, in der Vorschau sieht alles gut aus. Nach dem Speichern ist die Grafik komplett schwarz. Wer weis Rat? --Atamari (Diskussion) 16:05, 1. Jun. 2016 (CEST)

Hallo, ist jetzt korrigiert. --Mps 、かみまみた^Disk. 23:50, 1. Jun. 2016 (CEST)

Punkte und Grid in Liniendiagrammen

Wäre es möglich, eine zusätzliche Option einzubauen, mit der man bei Liniendiagrammen die tatsächlichen Datenpunkte optisch von den (interpolierten) Linien unterscheiden kann? Zum Beispiel könnte man die Datenpunkte durch einen Punkt hervorheben (Beispiel). Außerdem wäre es schön, wenn man ein Grid optional anschalten könnte, wie in dem verlinkten Diagramm. Das würde die Lesbarkeit erhöhen, weil man dann besser mit dem Auge bzw. dem Mauszeiger von der y-Achse zum Datenpunkt schweifen könnte. Alternativ wäre auch Wertanzeige bei Mouse-over gut. 84.57.194.80 23:35, 11. Okt. 2016 (CEST)

interpolate=monotone | showSymbols= | xGrid= | yGrid= <graph>{"legends":[],"scales":[{"type":"time","name":"x","domain":{"data":"chart","field":"x"},"range":"width","zero":false},{"type":"linear","name":"y","domain":{"data":"chart","field":"y"},"zero":false,"range":"height","nice":true},{"domain":{"data":"chart","field":"series"},"type":"ordinal","name":"color","range":["red"]}],"version":2,"marks":[{"type":"line","properties":{"hover":{"stroke":{"value":"red"}},"update":{"stroke":{"scale":"color","field":"series"}},"enter":{"y":{"scale":"y","field":"y"},"x":{"scale":"x","field":"x"},"stroke":{"scale":"color","field":"series"},"interpolate":{"value":"monotone"},"strokeWidth":{"value":2.5}}},"from":{"data":"chart"}},{"type":"symbol","properties":{"enter":{"y":{"scale":"y","field":"y"},"x":{"scale":"x","field":"x"},"size":{"value":50},"fill":{"scale":"color","field":"series"},"stroke":{"scale":"color","field":"series"},"shape":{"value":"circle"},"strokeWidth":{"value":0}}},"from":{"data":"chart"}}],"height":100,"axes":[{"type":"x","scale":"x","format":"%b %Y","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"align":{"value":"right"},"angle":{"value":-90},"fill":{"value":"#54595d"}}},"grid":true},{"type":"y","scale":"y","format":"d","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":true}],"data":[{"format":{"parse":{"y":"integer","x":"date"},"type":"json"},"name":"chart","values":[{"y":2064,"series":"y","x":"2001-04"},{"y":2584,"series":"y","x":"2004-10"},{"y":2510,"series":"y","x":"2005-07"},{"y":2801,"series":"y","x":"2009-11"}]}],"width":100}</graph> Uwappa (Diskussion) 18:01, 1. Aug. 2022 (CEST)

Y-Achse umdrehen

Kann man die Werte auf der Y-Achse auch „umdrehen“, also sprich, dass wenn man z. B. einen Zahlenbereich von 1-10 hat, die 1 ganz oben und die 10 ganz unten steht? --Mupa280868 • Disk. • Tippsp. 23:10, 14. Jun. 2017 (CEST)

yAxisMin=10 yAxisMax=1<graph>{"legends":[],"scales":[{"type":"linear","name":"x","zero":false,"domain":{"data":"chart","field":"x"},"range":"width","nice":true},{"clamp":true,"type":"linear","zero":false,"range":"height","nice":true,"name":"y","domainMax":1,"domain":{"data":"chart","field":"y"},"domainMin":10},{"domain":{"data":"chart","field":"series"},"type":"ordinal","name":"color","range":"category10"}],"version":2,"marks":[{"type":"line","properties":{"hover":{"stroke":{"value":"red"}},"update":{"stroke":{"scale":"color","field":"series"}},"enter":{"y":{"scale":"y","field":"y"},"x":{"scale":"x","field":"x"},"stroke":{"scale":"color","field":"series"},"strokeWidth":{"value":2.5}}},"from":{"data":"chart"}}],"height":100,"axes":[{"type":"x","scale":"x","format":"d","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":false},{"type":"y","scale":"y","format":"d","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":false}],"data":[{"format":{"parse":{"y":"integer","x":"integer"},"type":"json"},"name":"chart","values":[{"y":1,"series":"y","x":1},{"y":2,"series":"y","x":2},{"y":3,"series":"y","x":3},{"y":4,"series":"y","x":4},{"y":5,"series":"y","x":5},{"y":6,"series":"y","x":6},{"y":7,"series":"y","x":7},{"y":8,"series":"y","x":8},{"y":9,"series":"y","x":9},{"y":10,"series":"y","x":10}]}],"width":100}</graph> Uwappa (Diskussion) 15:58, 1. Aug. 2022 (CEST)

Betreffzeile bei Tortendiagamm

Ist es denn möglich ein Parameter einzufügen beim Tortendiagramm das ähnlich einer kleiner Überschrift ist? Zum Beispiel: Warenverteilung 1903?--Σ 06:50, 22. Dez. 2017 (CET)

Legend=Warenverteilung 1903 <graph>{"legends":[{"properties":{"legend":{"y":{"value":-30}},"title":{"fill":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"stroke":"color","title":"Warenverteilung 1903","fill":"color"}],"scales":[{"domain":{"data":"chart","field":"x"},"type":"ordinal","name":"color","range":"category10"}],"version":2,"marks":[{"type":"arc","properties":{"hover":{"fill":{"value":"red"}},"update":{"fill":{"scale":"color","field":"x"}},"enter":{"endAngle":{"field":"layout_end"},"innerRadius":{"value":0},"outerRadius":{"value":30},"startAngle":{"field":"layout_start"},"stroke":{"value":"white"},"fill":{"scale":"color","field":"x"},"strokeWidth":{"value":1}}},"from":{"data":"chart","transform":[{"type":"pie","field":"y"}]}}],"height":30,"axes":[],"data":[{"format":{"parse":{"y":"integer","x":"string"},"type":"json"},"name":"chart","values":[{"y":10,"x":"a"},{"y":20,"x":"b"},{"y":30,"x":"c"},{"y":40,"x":"d"}]}],"width":30}</graph> Uwappa (Diskussion) 18:08, 1. Aug. 2022 (CEST)

Ref in der Legende

Ich habe heute versucht

{{Graph:Chart|right|width=120|height=120|type=pie|innerRadius=40|legend=Entdeckungen nach Methode <ref>{{Internetquelle |autor= |url=http://www.exoplanet.eu/catalog/ |titel=Der Titel |abruf=2019-05-11}}</ref> (11. Mai 2019) ... <graph>{"legends":[{"properties":{"legend":{"y":{"value":-120}},"title":{"fill":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"stroke":"color","title":"Entdeckungen nach Methode '\"`UNIQ--ref-00000011-QINU`\"' (11. Mai 2019)","fill":"color"}],"scales":[{"domain":{"data":"chart","field":"x"},"type":"ordinal","name":"color","range":"category10"}],"version":2,"marks":[{"type":"arc","properties":{"hover":{"fill":{"value":"red"}},"update":{"fill":{"scale":"color","field":"x"}},"enter":{"endAngle":{"field":"layout_end"},"innerRadius":{"value":40},"outerRadius":{"value":120},"startAngle":{"field":"layout_start"},"stroke":{"value":"white"},"fill":{"scale":"color","field":"x"},"strokeWidth":{"value":1}}},"from":{"data":"chart","transform":[{"type":"pie","field":"y"}]}}],"height":120,"axes":[],"data":[{"format":{"parse":{"y":"integer","x":"string"},"type":"json"},"name":"chart","values":[{"y":2943,"x":"Transitmethode"},{"y":832,"x":"Radialgeschwindigkeitsmethode"},{"y":125,"x":"Imaging"},{"y":92,"x":"Microlensing"},{"y":72,"x":"Andere"}]}],"width":120}</graph>

Das Ergebnis bzgl. der Legende ist unbefriedigend. Was mache falsch?

--Hfst (Diskussion) 11:12, 11. Mai 2019 (CEST)

<graph>{"legends":[{"properties":{"legend":{"y":{"value":-120}},"title":{"fill":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"stroke":"color","title":"Methoden","fill":"color"}],"scales":[{"domain":{"data":"chart","field":"x"},"type":"ordinal","name":"color","range":"category10"}],"version":2,"marks":[{"type":"arc","properties":{"hover":{"fill":{"value":"red"}},"update":{"fill":{"scale":"color","field":"x"}},"enter":{"endAngle":{"field":"layout_end"},"innerRadius":{"value":40},"outerRadius":{"value":120},"startAngle":{"field":"layout_start"},"stroke":{"value":"white"},"fill":{"scale":"color","field":"x"},"strokeWidth":{"value":1}}},"from":{"data":"chart","transform":[{"type":"pie","field":"y"}]}}],"height":120,"axes":[],"data":[{"format":{"parse":{"y":"integer","x":"string"},"type":"json"},"name":"chart","values":[{"y":2943,"x":"Transitmethode"},{"y":832,"x":"Radialgeschwindigkeitsmethode"},{"y":125,"x":"Imaging"},{"y":92,"x":"Microlensing"},{"y":72,"x":"Andere"}]}],"width":120}</graph>

Entdeckungen nach Methode^[2] (11. Mai 2019)

Du könntest einen manuellen Rahmen verwenden. --man (Diskussion) 11:27, 11. Mai 2019 (CEST)

Danke so schaut's jetzt aus. Trotzdem wäre es schöner, wenn ref auch in Graph:Chart funktioniert.--Hfst (Diskussion) 19:16, 13. Mai 2019 (CEST)

↑ Der Titel. Abgerufen am 11. Mai 2019.
↑ Noch ein Titel. Abgerufen am 11. Mai 2019.

Wie eine sinnvolle Granularität von Jahreszahlen einstellen?

<graph>{"legends":[],"scales":[{"type":"linear","name":"x","zero":false,"domain":{"data":"chart","field":"x"},"range":"width","nice":true},{"clamp":true,"type":"linear","name":"y","domain":{"data":"chart","field":"y"},"domainMin":0,"zero":false,"range":"height","nice":true},{"domain":{"data":"chart","field":"series"},"type":"ordinal","name":"color","range":"category10"}],"version":2,"marks":[{"type":"line","properties":{"hover":{"stroke":{"value":"red"}},"update":{"stroke":{"scale":"color","field":"series"}},"enter":{"y":{"scale":"y","field":"y"},"x":{"scale":"x","field":"x"},"stroke":{"scale":"color","field":"series"},"strokeWidth":{"value":2.5}}},"from":{"data":"chart"}}],"height":150,"axes":[{"type":"x","scale":"x","format":"d","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"align":{"value":"left"},"angle":{"value":90},"fill":{"value":"#54595d"}}},"grid":false},{"type":"y","scale":"y","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":false}],"data":[{"format":{"parse":{"y":"number","x":"integer"},"type":"json"},"name":"chart","values":[{"y":0.2,"series":"y","x":1994},{"y":0.4,"series":"y","x":1995},{"y":0.4,"series":"y","x":1996},{"y":0.7,"series":"y","x":1997},{"y":0.5,"series":"y","x":1998},{"y":0.6,"series":"y","x":1999},{"y":0.9,"series":"y","x":2000},{"y":1.1,"series":"y","x":2001},{"y":1.3,"series":"y","x":2002},{"y":0.9,"series":"y","x":2003},{"y":0.9,"series":"y","x":2004},{"y":2.5,"series":"y","x":2005},{"y":3.6,"series":"y","x":2006},{"y":4.8,"series":"y","x":2007},{"y":3.1,"series":"y","x":2008},{"y":5.6,"series":"y","x":2009},{"y":8.3,"series":"y","x":2010},{"y":10.5,"series":"y","x":2011},{"y":9.4,"series":"y","x":2012},{"y":10.1,"series":"y","x":2013},{"y":10.1,"series":"y","x":2014},{"y":11.9,"series":"y","x":2015},{"y":14,"series":"y","x":2016},{"y":12.1,"series":"y","x":2017},{"y":10.45,"series":"y","x":2018}]}],"width":250}</graph>

Ich hab in verschiedenen Artikeln Diagramme dieser Art eingebaut. Meistens klappt das ganz gut. Aber manchmal werden zu viele Jahreszahlen angezeigt, so dass nichts mehr lesbar ist.

Wenn ich Werte erfinde (die nicht der Quelle entsprechen und daher illegal wäre), kann ich erreichen, dass nur alle 5 Jahre angezeigt werden. Im Beispiel hab ich von 1990-1994 jeweils die Y-Werte 1 und für 2019 den Wert 19 "erfunden". Wie kann ich mit den realen Werten 5-Jahres-Schritte erreichen?

<graph>{"legends":[],"scales":[{"type":"linear","name":"x","zero":false,"domain":{"data":"chart","field":"x"},"range":"width","nice":true},{"clamp":true,"type":"linear","name":"y","domain":{"data":"chart","field":"y"},"domainMin":0,"zero":false,"range":"height","nice":true},{"domain":{"data":"chart","field":"series"},"type":"ordinal","name":"color","range":"category10"}],"version":2,"marks":[{"type":"line","properties":{"hover":{"stroke":{"value":"red"}},"update":{"stroke":{"scale":"color","field":"series"}},"enter":{"y":{"scale":"y","field":"y"},"x":{"scale":"x","field":"x"},"stroke":{"scale":"color","field":"series"},"strokeWidth":{"value":2.5}}},"from":{"data":"chart"}}],"height":150,"axes":[{"type":"x","scale":"x","format":"d","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":false},{"type":"y","scale":"y","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":false}],"data":[{"format":{"parse":{"y":"number","x":"integer"},"type":"json"},"name":"chart","values":[{"y":1,"series":"y","x":1990},{"y":1,"series":"y","x":1991},{"y":1,"series":"y","x":1992},{"y":1,"series":"y","x":1993},{"y":0.2,"series":"y","x":1994},{"y":0.4,"series":"y","x":1995},{"y":0.4,"series":"y","x":1996},{"y":0.7,"series":"y","x":1997},{"y":0.5,"series":"y","x":1998},{"y":0.6,"series":"y","x":1999},{"y":0.9,"series":"y","x":2000},{"y":1.1,"series":"y","x":2001},{"y":1.3,"series":"y","x":2002},{"y":0.9,"series":"y","x":2003},{"y":0.9,"series":"y","x":2004},{"y":2.5,"series":"y","x":2005},{"y":3.6,"series":"y","x":2006},{"y":4.8,"series":"y","x":2007},{"y":3.1,"series":"y","x":2008},{"y":5.6,"series":"y","x":2009},{"y":8.3,"series":"y","x":2010},{"y":10.5,"series":"y","x":2011},{"y":9.4,"series":"y","x":2012},{"y":10.1,"series":"y","x":2013},{"y":10.1,"series":"y","x":2014},{"y":11.9,"series":"y","x":2015},{"y":14,"series":"y","x":2016},{"y":12.1,"series":"y","x":2017},{"y":10.45,"series":"y","x":2018},{"y":10,"series":"y","x":2019}]}],"width":250}</graph>

(nicht signierter Beitrag von Pakwesi (Diskussion | Beiträge) 23:34, 27. Feb. 2020 (CET))

Du könntest, anstelle von Fünfjahresschritten, die Jahreszahlen weglassen, also statt 1998 den Wert '98 schreiben, vgl. die Grafik in Globale Abkühlung#Wissenschaftliche Betrachtung verschiedener Abkühlungsphasen. --man (Diskussion) 09:00, 28. Feb. 2020 (CET)

<graph>{"legends":[],"scales":[{"type":"ordinal","name":"x","zero":false,"domain":{"data":"chart","field":"x"},"points":true,"range":"width","nice":true},{"clamp":true,"type":"linear","name":"y","domain":{"data":"chart","field":"y"},"domainMin":0,"zero":false,"range":"height","nice":true},{"domain":{"data":"chart","field":"series"},"type":"ordinal","name":"color","range":"category10"}],"version":2,"marks":[{"type":"line","properties":{"hover":{"stroke":{"value":"red"}},"update":{"stroke":{"scale":"color","field":"series"}},"enter":{"y":{"scale":"y","field":"y"},"x":{"scale":"x","field":"x"},"stroke":{"scale":"color","field":"series"},"strokeWidth":{"value":2.5}}},"from":{"data":"chart"}}],"height":150,"axes":[{"type":"x","scale":"x","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":false},{"type":"y","scale":"y","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":false}],"data":[{"format":{"parse":{"y":"number","x":"string"},"type":"json"},"name":"chart","values":[{"y":0.2,"series":"y","x":"'94"},{"y":0.4,"series":"y","x":"'95"},{"y":0.4,"series":"y","x":"'96"},{"y":0.7,"series":"y","x":"'97"},{"y":0.5,"series":"y","x":"'98"},{"y":0.6,"series":"y","x":"'99"},{"y":0.9,"series":"y","x":"'00"},{"y":1.1,"series":"y","x":"'01"},{"y":1.3,"series":"y","x":"'02"},{"y":0.9,"series":"y","x":"'03"},{"y":0.9,"series":"y","x":"'04"},{"y":2.5,"series":"y","x":"'05"},{"y":3.6,"series":"y","x":"'06"},{"y":4.8,"series":"y","x":"'07"},{"y":3.1,"series":"y","x":"'08"},{"y":5.6,"series":"y","x":"'09"},{"y":8.3,"series":"y","x":"'10"},{"y":10.5,"series":"y","x":"'11"},{"y":9.4,"series":"y","x":"'12"},{"y":10.1,"series":"y","x":"'13"},{"y":10.1,"series":"y","x":"'14"},{"y":11.9,"series":"y","x":"'15"},{"y":14,"series":"y","x":"'16"},{"y":12.1,"series":"y","x":"'17"},{"y":10.45,"series":"y","x":"'18"}]}],"width":250}</graph>

Habs mit den z.B. '18 ich probiert, aber jetzt werden noch mehr Jahreszahlen eingefügt. Wir haben hier einen Software-Bug. Gibt es eine Möglichkeit, die Software-Entwickler zu kontaktieren?

--Pakwesi (Diskussion) 22:07, 4. Mär. 2020 (CET)

Da müsste man sich wohl an die Vorlagenwerkstatt wenden (siehe der Kasten ganz unten). Aber schau dir jetzt mal die oberste der drei Grafiken an – ich habe noch den Parameter "xAxisAngle=90" ergänzt. Vielleicht reicht dir das schon? --man (Diskussion) 23:14, 5. Mär. 2020 (CET)

Super, vielen Dank! Das ist zwar nicht die 100%-Lösung, aber immerhin 98%. Damit kann ich leben. Hier ist die Seite, um die es geht: Geldwäsche#Kriminalstatistik_Deutschland --Pakwesi (Diskussion) 22:58, 11. Mär. 2020 (CET)

Where is the code?

I couldn't find where the actual lua code is. It would be good to have this at en - en:Module_talk:Graph#Wishlist:_log_option in en:Module:Graph which contains the lua code; and at pl:Szablon:Wykres although at pl this goes through a few more layers of abstraction that I'm unfamiliar with. Changes at en or pl would have to first be experimented on in a Sandbox, because huge numbers of pages are using these in both cases. Thanks for any help! Boud (Diskussion) 14:31, 22. Mär. 2020 (CET)

Responsive Design

Hallo Benutzer:Mps und Benutzer:Yurik, die Beschreibung gibt keine Auskunft, ob die Breite auch in anderen Angaben als Pixel definierbar ist. Wie ich es sehe, wird "100%" als "100 Pixel" fehlinterpretiert. Feste Pixelzahlen haben jedoch heutzutage den Nachteil, dass bei Angaben wie "800 Pixel" der Artikel auf kleineren Ausgabegeräten (Tablets, manche Smartphones) gestaucht wird, weil das Chart Überbreite bekommt. Könnt ihr das beheben oder, falls ihr es nicht beheben könnt, darauf in der Beschreibung hinweisen? MfG, --Hamburger (Disk) 12:54, 30. Mär. 2020 (CEST)

Balkendiagramme mit logarithmischem Y...

... scheinen kaputt / nicht implementiert? Gruß, Theoprakt (Diskussion) 05:59, 2. Apr. 2020 (CEST)

{{Graph:Chart|width=200|height=100|x=1,2,3|y=10,50,120|type=rect|yScaleType=log}} <graph>{"legends":[],"scales":[{"type":"ordinal","name":"x","zero":false,"domain":{"data":"chart","field":"x"},"padding":0.2,"range":"width","nice":true},{"type":"log","name":"y","domain":{"data":"chart","field":"y"},"zero":true,"range":"height","nice":false},{"domain":{"data":"chart","field":"series"},"type":"ordinal","name":"color","range":"category10"}],"version":2,"marks":[{"type":"rect","properties":{"hover":{"fill":{"value":"red"}},"update":{"fill":{"scale":"color","field":"series"}},"enter":{"y":{"scale":"y","field":"y"},"x":{"scale":"x","field":"x"},"y2":{"scale":"y","value":0},"width":{"scale":"x","offset":-1,"band":true},"fill":{"scale":"color","field":"series"}}},"from":{"data":"chart"}}],"height":100,"axes":[{"type":"x","scale":"x","format":"d","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":false},{"type":"y","scale":"y","format":"d","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":false}],"data":[{"format":{"parse":{"y":"integer","x":"integer"},"type":"json"},"name":"chart","values":[{"y":10,"series":"y","x":1},{"y":50,"series":"y","x":2},{"y":120,"series":"y","x":3}]}],"width":200}</graph>

Fuer logarithmischem Y Option "yAxisMin" mit wert > 0 is notwendig, zum Beispiel yAxisMin=1.

{{Graph:Chart|width=200|height=100|x=1,2,3|y=10,50,120|type=rect|yScaleType=log|yAxisMin=1}}

<graph>{"legends":[],"scales":[{"type":"ordinal","name":"x","zero":false,"domain":{"data":"chart","field":"x"},"padding":0.2,"range":"width","nice":true},{"clamp":true,"type":"log","name":"y","domain":{"data":"chart","field":"y"},"domainMin":1,"zero":true,"range":"height","nice":false},{"domain":{"data":"chart","field":"series"},"type":"ordinal","name":"color","range":"category10"}],"version":2,"marks":[{"type":"rect","properties":{"hover":{"fill":{"value":"red"}},"update":{"fill":{"scale":"color","field":"series"}},"enter":{"y":{"scale":"y","field":"y"},"x":{"scale":"x","field":"x"},"y2":{"scale":"y","value":0},"width":{"scale":"x","offset":-1,"band":true},"fill":{"scale":"color","field":"series"}}},"from":{"data":"chart"}}],"height":100,"axes":[{"type":"x","scale":"x","format":"d","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":false},{"type":"y","scale":"y","format":"d","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":false}],"data":[{"format":{"parse":{"y":"integer","x":"integer"},"type":"json"},"name":"chart","values":[{"y":10,"series":"y","x":1},{"y":50,"series":"y","x":2},{"y":120,"series":"y","x":3}]}],"width":200}</graph>

--Pietrasagh (Diskussion) 16:06, 27. Jun. 2020 (CEST)

Titel / Überschrift

Ist es gewollt, dass man dem Diagramm keinen Titel hinzufügen kann? Gerade wenn lediglich ein Typ Daten dargestellt werden soll, finde ich die Beschriftung der Y-Achse allein eher unpraktisch, ein einfacher Titel wäre deutlich schöner.--GURKEdeluxe (Diskussion) 12:21, 3. Apr. 2020 (CEST)

Bzw. wie ist es alternativ gedacht? Eigentlich sollte ja jedes Diagramm einen Titel bekommen, sodass man auch möglichst unabhängig von der Ursprungsseite weiß, was dieses Diagramm bedeutet.--GURKEdeluxe (Diskussion) 17:12, 3. Apr. 2020 (CEST)

Hatte gerade das gleiche Problem. Vor allem, da auch bei der y-Achse kein Zeilenumbruch möglich ist? --Lupe (Diskussion) 14:07, 7. Aug. 2021 (CEST)

@GURKEdeluxe, Lupe: Im zweiten Satz der Doku wird vorgeschlagen: „Für die Einbindung der Diagramme in Artikel kann Vorlage:Manueller Rahmen verwendet werden, mit welcher ein analoges Aussehen zu eingebundenen Bildern erreicht wird.“ Das wäre dann eine Unter- statt Überschrift. –

„bei der y-Achse kein Zeilenumbruch möglich“. Ja, auch nicht mit <br />. Ich gehe gleich mal zur VL-Werkstatt.

In en:WP wird eine Side box beschrieben unter en:Template:Graph:Chart#Annotations; sehe ich in de:WP nicht.

Gruß, --Wi-luc-ky (Diskussion) 17:04, 7. Aug. 2021 (CEST)

Okay, danke. Ja, den manuellen Rahmen habe ich gesetzt, da es anders nicht geht, siehe Benutzer:Lupe/Baustelle/Protobothrops_elegans --Lupe (Diskussion) 17:07, 7. Aug. 2021 (CEST)

Säulendiagramm mit xType=date

Hallo, scheinbar funktioniert die Ausgabe des Datums als Datum beim Diagrammtyp "rect" nicht, es zeigt das Datum nur als Zahl an. Beispiel:

{{Graph:Chart |height = |width = 500 |xAxisTitle = Datum |xType=date |xAxisFormat=%d.%m |xAxisAngle = -90 |yType=integer |yAxisTitle = Anzahl an … |yAxisMin = 0 |type = rect |colors = #000000 |x = 2020/2/25, 2020/02/26, 2020/02/27 |y = 1,10,29 }}

<graph>{"legends":[],"scales":[{"type":"ordinal","name":"x","domain":{"data":"chart","field":"x"},"padding":0.2,"range":"width","zero":false},{"clamp":true,"type":"linear","name":"y","domain":{"data":"chart","field":"y"},"domainMin":0,"zero":true,"range":"height","nice":true},{"domain":{"data":"chart","field":"series"},"type":"ordinal","name":"color","range":["#000000"]}],"version":2,"marks":[{"type":"rect","properties":{"hover":{"fill":{"value":"red"}},"update":{"fill":{"scale":"color","field":"series"}},"enter":{"y":{"scale":"y","field":"y"},"x":{"scale":"x","field":"x"},"y2":{"scale":"y","value":0},"width":{"scale":"x","offset":-1,"band":true},"fill":{"scale":"color","field":"series"}}},"from":{"data":"chart"}}],"height":200,"axes":[{"type":"x","title":"Datum","scale":"x","format":"%d.%m","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"align":{"value":"right"},"angle":{"value":-90},"fill":{"value":"#54595d"}}},"grid":false},{"type":"y","title":"Anzahl an …","scale":"y","format":"d","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":false}],"data":[{"format":{"parse":{"y":"integer","x":"date"},"type":"json"},"name":"chart","values":[{"y":1,"series":"y","x":"2020/2/25"},{"y":10,"series":"y","x":"2020/02/26"},{"y":29,"series":"y","x":"2020/02/27"}]}],"width":500}</graph>

Dasselbe Diagramm als Line funktioniert aber einwandfrei.

{{Graph:Chart |height = |width = 500 |xAxisTitle = Datum |xType=date |xAxisFormat=%d.%m |xAxisAngle = -90 |yType=integer |yAxisTitle = Anzahl an … |yAxisMin = 0 |type = line |colors = #000000 |x = 2020/2/25, 2020/02/26, 2020/02/27 |y = 1,10,15 }}

<graph>{"legends":[],"scales":[{"type":"time","name":"x","domain":{"data":"chart","field":"x"},"range":"width","zero":false},{"clamp":true,"type":"linear","name":"y","domain":{"data":"chart","field":"y"},"domainMin":0,"zero":false,"range":"height","nice":true},{"domain":{"data":"chart","field":"series"},"type":"ordinal","name":"color","range":["#000000"]}],"version":2,"marks":[{"type":"line","properties":{"hover":{"stroke":{"value":"red"}},"update":{"stroke":{"scale":"color","field":"series"}},"enter":{"y":{"scale":"y","field":"y"},"x":{"scale":"x","field":"x"},"stroke":{"scale":"color","field":"series"},"strokeWidth":{"value":2.5}}},"from":{"data":"chart"}}],"height":200,"axes":[{"type":"x","title":"Datum","scale":"x","format":"%d.%m","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"align":{"value":"right"},"angle":{"value":-90},"fill":{"value":"#54595d"}}},"grid":false},{"type":"y","title":"Anzahl an …","scale":"y","format":"d","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":false}],"data":[{"format":{"parse":{"y":"integer","x":"date"},"type":"json"},"name":"chart","values":[{"y":1,"series":"y","x":"2020/2/25"},{"y":10,"series":"y","x":"2020/02/26"},{"y":15,"series":"y","x":"2020/02/27"}]}],"width":500}</graph>

Ist das bekannt oder mach ich was falsch? ;-) (Als string funktionierts auch mit dem Säulendiagramm, als work-around, aber ist natürlich trotzdem suboptimal) --Colazivi (Diskussion) 20:35, 5. Apr. 2020 (CEST)

Über das Problem bin ich heute auch gestolpert. Der Workaround mit dem String ist auch nicht immer möglich, weil dann für jeden Wert ein Tickmark gesetzt wird, so dass sich bei einer großen Zahl von Werten die Beschriftungen überlappen - bei "date" als Typ werden die Tickintervalle automatisch bestimmt. - Ebenso ist beim Datentyp "date" schade, dass bei der Formatierung der Achsenbeschriftungen die Codes zur Ausgabe der Namen von Tag und Monat eine Anzeige auf englisch bewirken. --Yen Zotto (Diskussion) 00:05, 4. Mai 2020 (CEST)

Tick-Label mit zu wenig bzw. zu viel Nachkommastellen

<graph>{"legends":[],"scales":[{"type":"linear","name":"x","zero":false,"domain":{"data":"chart","field":"x"},"range":"width","nice":true},{"type":"linear","name":"y","domain":{"data":"chart","field":"y"},"zero":false,"range":"height","nice":true},{"domain":{"data":"chart","field":"series"},"type":"ordinal","name":"color","range":"category10"}],"version":2,"marks":[{"type":"line","properties":{"hover":{"stroke":{"value":"red"}},"update":{"stroke":{"scale":"color","field":"series"}},"enter":{"y":{"scale":"y","field":"y"},"x":{"scale":"x","field":"x"},"stroke":{"scale":"color","field":"series"},"strokeWidth":{"value":2.5}}},"from":{"data":"chart"}}],"height":200,"axes":[{"type":"x","title":"Bitte vor dem Roll-out systematisch testen!","scale":"x","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":false},{"type":"y","title":"Wer macht denn sowas?","scale":"y","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":false}],"data":[{"format":{"parse":{"y":"number","x":"number"},"type":"json"},"name":"chart","values":[{"y":0.13,"series":"y","x":0},{"y":1.48,"series":"y","x":0.5}]}],"width":200}</graph> Schon die Existenz dieser Vorlage ist ein Fehler. Es gibt genug Tools, die deutlich weiter entwickelt sind und SVGs erzeugen. Ein SVG auf Commons könnte in mehreren Artikeln/Sprachversionen eingebunden sein. --Rainald62 (Diskussion) 17:32, 25. Jul. 2020 (CEST)

Symbols and line-widths upgrade

Hi,

Sorry that I write in English but my German is not good enough for public ;-)

I made small upgrade for symbols and linewidths.

Now new option are available:

linewidths: different line widths may be defined for each series of data with csv, if set to 0 with "showSymbols" results with points graph, eg.: linewidths=1, 0, 5, 0.2
showSymbols: show symbol on data point for line graphs, if number is provided it's size of symbol, default 2.5. may be defined for each series of data with csv, eg.: showSymbols=1, 2, 3, 4
symbolsShape: custom shape for symbol: circle, x, square, cross, diamond, triangle_up, triangle_down, triangle_right, triangle_left. May be defined for each series of data with csv, eg.: symbolsShape= circle, cross, square
symbolsNoFill: if true symbol will be without fill (only stroke),
symbolsStroke: if "x" symbol is used or option "symbolsNoFill" symbol stroke width, default 2.5

It would be great if someone could add description of those option in documentation of this template in German.

<graph>{"legends":[],"scales":[{"type":"linear","name":"x","zero":false,"domain":{"data":"chart","field":"x"},"range":"width","nice":true},{"type":"linear","name":"y","domain":{"data":"chart","field":"y"},"zero":false,"range":"height","nice":true},{"domain":{"data":"chart","field":"series"},"type":"ordinal","name":"color","range":["red","green","blue"]},{"domain":{"data":"chart","field":"series"},"type":"ordinal","name":"line","range":[1,2,3]},{"domain":{"data":"chart","field":"series"},"type":"ordinal","name":"symSize","range":[34,53.125,136]}],"version":2,"marks":[{"type":"group","marks":[{"properties":{"hover":{"stroke":{"value":"red"}},"update":{"stroke":{"scale":"color","field":"series"}},"enter":{"y":{"scale":"y","field":"y"},"x":{"scale":"x","field":"x"},"stroke":{"scale":"color","field":"series"},"strokeWidth":{"scale":"line","field":"series"}}},"type":"line"},{"properties":{"enter":{"y":{"scale":"y","field":"y"},"x":{"scale":"x","field":"x"},"size":{"scale":"symSize","field":"series"},"fill":{"scale":"color","field":"series"},"stroke":{"scale":"color","field":"series"},"shape":{"value":"circle"},"strokeWidth":{"value":0}}},"type":"symbol"}],"from":{"data":"chart","transform":[{"groupby":["series"],"type":"facet"}]}}],"height":200,"axes":[{"type":"x","scale":"x","format":"d","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":false},{"type":"y","scale":"y","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":false}],"data":[{"format":{"parse":{"y":"number","x":"integer"},"type":"json"},"name":"chart","values":[{"y":0,"series":"y1","x":0},{"y":3.342,"series":"y1","x":1},{"y":2.3423,"series":"y1","x":2},{"y":5.32423,"series":"y1","x":3},{"y":1,"series":"y2","x":0},{"y":2.342,"series":"y2","x":1},{"y":4.63,"series":"y2","x":2},{"y":2.32423,"series":"y2","x":3},{"y":3,"series":"y3","x":0},{"y":1.342,"series":"y3","x":1},{"y":2.63,"series":"y3","x":2},{"y":4.32423,"series":"y3","x":3}]}],"width":200}</graph>

<graph>{"legends":[{"properties":{"title":{"fill":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"stroke":"color","title":"","fill":"color"}],"scales":[{"type":"ordinal","name":"x","zero":false,"domain":{"data":"chart","field":"x"},"points":true,"range":"width","nice":true},{"clamp":true,"type":"log","name":"y","domain":{"data":"chart","field":"y"},"domainMin":1,"zero":false,"range":"height","nice":false},{"domain":{"data":"chart","field":"series"},"type":"ordinal","name":"color","range":["#ffa500","#007000","#4dff28","#7e13ff","#000090","#ff5ba0","#1050ff","#e00000","#000000"]},{"type":"ordinal","name":"transparency","range":["0.8","0.8","0.8","0.8","0.8","0.8","0.8","1","0.8"]},{"domain":{"data":"chart","field":"series"},"type":"ordinal","name":"line","range":[1,1,1,1,1,1,1,3,1]},{"domain":{"data":"chart","field":"series"},"type":"ordinal","name":"symSize","range":[0,0,0,0,0,0,0,0,0]},{"domain":{"data":"chart","field":"series"},"type":"ordinal","name":"symShape","range":["circle","circle","circle","circle","circle","circle","circle","circle","circle"]}],"version":2,"marks":[{"type":"group","marks":[{"properties":{"hover":{"stroke":{"value":"red"}},"update":{"strokeOpacity":{"scale":"transparency","field":"series"},"stroke":{"scale":"color","field":"series"}},"enter":{"y":{"scale":"y","field":"y"},"x":{"scale":"x","field":"x"},"stroke":{"scale":"color","field":"series"},"strokeWidth":{"scale":"line","field":"series"}}},"type":"line"},{"properties":{"enter":{"stroke":{"scale":"color","field":"series"},"strokeWidth":{"value":0},"y":{"scale":"y","field":"y"},"x":{"scale":"x","field":"x"},"strokeOpacity":{"scale":"transparency","field":"series"},"size":{"scale":"symSize","field":"series"},"fillOpacity":{"scale":"transparency","field":"series"},"shape":{"scale":"symShape","field":"series"},"fill":{"scale":"color","field":"series"}}},"type":"symbol"}],"from":{"data":"chart","transform":[{"groupby":["series"],"type":"facet"}]}}],"height":400,"axes":[{"type":"x","title":"od 4 marca 2020 r.","scale":"x","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"align":{"value":"right"},"angle":{"value":-90},"fill":{"value":"#54595d"}}},"grid":true},{"type":"y","title":"Liczba zakażonych narastająco","scale":"y","format":"d","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":true}],"data":[{"format":{"parse":{"y":"integer","x":"string"},"type":"json"},"name":"chart","values":[{"y":240,"series":"DE","x":"4 mar"},{"y":349,"series":"DE","x":"5 mar"},{"y":534,"series":"DE","x":"6 mar"},{"y":684,"series":"DE","x":"7 mar"},{"y":847,"series":"DE","x":"8 mar"},{"y":1112,"series":"DE","x":"9 mar"},{"y":1460,"series":"DE","x":"10 mar"},{"y":1884,"series":"DE","x":"11 mar"},{"y":2369,"series":"DE","x":"12 mar"},{"y":3062,"series":"DE","x":"13 mar"},{"y":3795,"series":"DE","x":"14 mar"},{"y":4838,"series":"DE","x":"15 mar"},{"y":6012,"series":"DE","x":"16 mar"},{"y":7156,"series":"DE","x":"17 mar"},{"y":8198,"series":"DE","x":"18 mar"},{"y":10999,"series":"DE","x":"19 mar"},{"y":13957,"series":"DE","x":"20 mar"},{"y":16662,"series":"DE","x":"21 mar"},{"y":18610,"series":"DE","x":"22 mar"},{"y":22672,"series":"DE","x":"23 mar"},{"y":27436,"series":"DE","x":"24 mar"},{"y":31554,"series":"DE","x":"25 mar"},{"y":36508,"series":"DE","x":"26 mar"},{"y":42288,"series":"DE","x":"27 mar"},{"y":48582,"series":"DE","x":"28 mar"},{"y":52547,"series":"DE","x":"29 mar"},{"y":57298,"series":"DE","x":"30 mar"},{"y":61913,"series":"DE","x":"31 mar"},{"y":67366,"series":"DE","x":"1 kwi"},{"y":73522,"series":"DE","x":"2 kwi"},{"y":79696,"series":"DE","x":"3 kwi"},{"y":85778,"series":"DE","x":"4 kwi"},{"y":91714,"series":"DE","x":"5 kwi"},{"y":95391,"series":"DE","x":"6 kwi"},{"y":99225,"series":"DE","x":"7 kwi"},{"y":103228,"series":"DE","x":"8 kwi"},{"y":108202,"series":"DE","x":"9 kwi"},{"y":5,"series":"CZ","x":"4 mar"},{"y":8,"series":"CZ","x":"5 mar"},{"y":19,"series":"CZ","x":"6 mar"},{"y":26,"series":"CZ","x":"7 mar"},{"y":32,"series":"CZ","x":"8 mar"},{"y":38,"series":"CZ","x":"9 mar"},{"y":63,"series":"CZ","x":"10 mar"},{"y":94,"series":"CZ","x":"11 mar"},{"y":116,"series":"CZ","x":"12 mar"},{"y":141,"series":"CZ","x":"13 mar"},{"y":189,"series":"CZ","x":"14 mar"},{"y":298,"series":"CZ","x":"15 mar"},{"y":383,"series":"CZ","x":"16 mar"},{"y":450,"series":"CZ","x":"17 mar"},{"y":560,"series":"CZ","x":"18 mar"},{"y":765,"series":"CZ","x":"19 mar"},{"y":889,"series":"CZ","x":"20 mar"},{"y":1047,"series":"CZ","x":"21 mar"},{"y":1161,"series":"CZ","x":"22 mar"},{"y":1287,"series":"CZ","x":"23 mar"},{"y":1472,"series":"CZ","x":"24 mar"},{"y":1763,"series":"CZ","x":"25 mar"},{"y":2022,"series":"CZ","x":"26 mar"},{"y":2395,"series":"CZ","x":"27 mar"},{"y":2657,"series":"CZ","x":"28 mar"},{"y":2817,"series":"CZ","x":"29 mar"},{"y":3001,"series":"CZ","x":"30 mar"},{"y":3308,"series":"CZ","x":"31 mar"},{"y":3589,"series":"CZ","x":"1 kwi"},{"y":3858,"series":"CZ","x":"2 kwi"},{"y":4190,"series":"CZ","x":"3 kwi"},{"y":4472,"series":"CZ","x":"4 kwi"},{"y":4587,"series":"CZ","x":"5 kwi"},{"y":4822,"series":"CZ","x":"6 kwi"},{"y":5017,"series":"CZ","x":"7 kwi"},{"y":5312,"series":"CZ","x":"8 kwi"},{"y":5569,"series":"CZ","x":"9 kwi"},{"y":1,"series":"SK","x":"6 mar"},{"y":3,"series":"SK","x":"7 mar"},{"y":5,"series":"SK","x":"8 mar"},{"y":7,"series":"SK","x":"9 mar"},{"y":7,"series":"SK","x":"10 mar"},{"y":10,"series":"SK","x":"11 mar"},{"y":21,"series":"SK","x":"12 mar"},{"y":32,"series":"SK","x":"13 mar"},{"y":44,"series":"SK","x":"14 mar"},{"y":61,"series":"SK","x":"15 mar"},{"y":72,"series":"SK","x":"16 mar"},{"y":97,"series":"SK","x":"17 mar"},{"y":105,"series":"SK","x":"18 mar"},{"y":123,"series":"SK","x":"19 mar"},{"y":137,"series":"SK","x":"20 mar"},{"y":178,"series":"SK","x":"21 mar"},{"y":185,"series":"SK","x":"22 mar"},{"y":204,"series":"SK","x":"23 mar"},{"y":216,"series":"SK","x":"24 mar"},{"y":226,"series":"SK","x":"25 mar"},{"y":269,"series":"SK","x":"26 mar"},{"y":292,"series":"SK","x":"27 mar"},{"y":314,"series":"SK","x":"28 mar"},{"y":336,"series":"SK","x":"29 mar"},{"y":363,"series":"SK","x":"30 mar"},{"y":400,"series":"SK","x":"31 mar"},{"y":426,"series":"SK","x":"1 kwi"},{"y":450,"series":"SK","x":"2 kwi"},{"y":471,"series":"SK","x":"3 kwi"},{"y":485,"series":"SK","x":"4 kwi"},{"y":534,"series":"SK","x":"5 kwi"},{"y":581,"series":"SK","x":"6 kwi"},{"y":682,"series":"SK","x":"7 kwi"},{"y":701,"series":"SK","x":"8 kwi"},{"y":715,"series":"SK","x":"9 kwi"},{"y":3,"series":"LT","x":"10 mar"},{"y":6,"series":"LT","x":"13 mar"},{"y":9,"series":"LT","x":"14 mar"},{"y":11,"series":"LT","x":"15 mar"},{"y":18,"series":"LT","x":"16 mar"},{"y":26,"series":"LT","x":"17 mar"},{"y":34,"series":"LT","x":"18 mar"},{"y":48,"series":"LT","x":"19 mar"},{"y":69,"series":"LT","x":"20 mar"},{"y":99,"series":"LT","x":"21 mar"},{"y":143,"series":"LT","x":"22 mar"},{"y":179,"series":"LT","x":"23 mar"},{"y":209,"series":"LT","x":"24 mar"},{"y":274,"series":"LT","x":"25 mar"},{"y":299,"series":"LT","x":"26 mar"},{"y":358,"series":"LT","x":"27 mar"},{"y":394,"series":"LT","x":"28 mar"},{"y":437,"series":"LT","x":"29 mar"},{"y":491,"series":"LT","x":"30 mar"},{"y":537,"series":"LT","x":"31 mar"},{"y":581,"series":"LT","x":"1 kwi"},{"y":649,"series":"LT","x":"2 kwi"},{"y":696,"series":"LT","x":"3 kwi"},{"y":771,"series":"LT","x":"4 kwi"},{"y":811,"series":"LT","x":"5 kwi"},{"y":843,"series":"LT","x":"6 kwi"},{"y":880,"series":"LT","x":"7 kwi"},{"y":912,"series":"LT","x":"8 kwi"},{"y":955,"series":"LT","x":"9 kwi"},{"y":4,"series":"RU","x":"5 mar"},{"y":10,"series":"RU","x":"6 mar"},{"y":14,"series":"RU","x":"7 mar"},{"y":17,"series":"RU","x":"8 mar"},{"y":20,"series":"RU","x":"9 mar"},{"y":20,"series":"RU","x":"10 mar"},{"y":28,"series":"RU","x":"11 mar"},{"y":34,"series":"RU","x":"12 mar"},{"y":45,"series":"RU","x":"13 mar"},{"y":59,"series":"RU","x":"14 mar"},{"y":63,"series":"RU","x":"15 mar"},{"y":93,"series":"RU","x":"16 mar"},{"y":114,"series":"RU","x":"17 mar"},{"y":147,"series":"RU","x":"18 mar"},{"y":199,"series":"RU","x":"19 mar"},{"y":253,"series":"RU","x":"20 mar"},{"y":306,"series":"RU","x":"21 mar"},{"y":367,"series":"RU","x":"22 mar"},{"y":438,"series":"RU","x":"23 mar"},{"y":495,"series":"RU","x":"24 mar"},{"y":658,"series":"RU","x":"25 mar"},{"y":840,"series":"RU","x":"26 mar"},{"y":1036,"series":"RU","x":"27 mar"},{"y":1264,"series":"RU","x":"28 mar"},{"y":1534,"series":"RU","x":"29 mar"},{"y":1836,"series":"RU","x":"30 mar"},{"y":2337,"series":"RU","x":"31 mar"},{"y":2777,"series":"RU","x":"1 kwi"},{"y":3548,"series":"RU","x":"2 kwi"},{"y":4149,"series":"RU","x":"3 kwi"},{"y":4731,"series":"RU","x":"4 kwi"},{"y":5389,"series":"RU","x":"5 kwi"},{"y":6343,"series":"RU","x":"6 kwi"},{"y":7497,"series":"RU","x":"7 kwi"},{"y":8672,"series":"RU","x":"8 kwi"},{"y":10131,"series":"RU","x":"9 kwi"},{"y":10,"series":"BY","x":"4 mar"},{"y":21,"series":"BY","x":"12 mar"},{"y":27,"series":"BY","x":"13 mar"},{"y":36,"series":"BY","x":"16 mar"},{"y":36,"series":"BY","x":"17 mar"},{"y":51,"series":"BY","x":"18 mar"},{"y":51,"series":"BY","x":"19 mar"},{"y":69,"series":"BY","x":"20 mar"},{"y":76,"series":"BY","x":"21 mar"},{"y":76,"series":"BY","x":"22 mar"},{"y":81,"series":"BY","x":"23 mar"},{"y":81,"series":"BY","x":"24 mar"},{"y":86,"series":"BY","x":"25 mar"},{"y":86,"series":"BY","x":"26 mar"},{"y":94,"series":"BY","x":"27 mar"},{"y":152,"series":"BY","x":"30 mar"},{"y":152,"series":"BY","x":"31 mar"},{"y":163,"series":"BY","x":"1 kwi"},{"y":304,"series":"BY","x":"2 kwi"},{"y":351,"series":"BY","x":"3 kwi"},{"y":440,"series":"BY","x":"4 kwi"},{"y":562,"series":"BY","x":"5 kwi"},{"y":700,"series":"BY","x":"6 kwi"},{"y":861,"series":"BY","x":"7 kwi"},{"y":1066,"series":"BY","x":"8 kwi"},{"y":1486,"series":"BY","x":"9 kwi"},{"y":1,"series":"UA","x":"4 mar"},{"y":1,"series":"UA","x":"5 mar"},{"y":1,"series":"UA","x":"6 mar"},{"y":1,"series":"UA","x":"7 mar"},{"y":1,"series":"UA","x":"8 mar"},{"y":1,"series":"UA","x":"9 mar"},{"y":1,"series":"UA","x":"10 mar"},{"y":1,"series":"UA","x":"11 mar"},{"y":3,"series":"UA","x":"12 mar"},{"y":3,"series":"UA","x":"13 mar"},{"y":3,"series":"UA","x":"14 mar"},{"y":5,"series":"UA","x":"15 mar"},{"y":7,"series":"UA","x":"16 mar"},{"y":14,"series":"UA","x":"17 mar"},{"y":16,"series":"UA","x":"18 mar"},{"y":26,"series":"UA","x":"19 mar"},{"y":40,"series":"UA","x":"20 mar"},{"y":47,"series":"UA","x":"21 mar"},{"y":73,"series":"UA","x":"22 mar"},{"y":84,"series":"UA","x":"23 mar"},{"y":113,"series":"UA","x":"24 mar"},{"y":156,"series":"UA","x":"25 mar"},{"y":218,"series":"UA","x":"26 mar"},{"y":311,"series":"UA","x":"27 mar"},{"y":418,"series":"UA","x":"28 mar"},{"y":480,"series":"UA","x":"29 mar"},{"y":549,"series":"UA","x":"30 mar"},{"y":669,"series":"UA","x":"31 mar"},{"y":804,"series":"UA","x":"1 kwi"},{"y":942,"series":"UA","x":"2 kwi"},{"y":1096,"series":"UA","x":"3 kwi"},{"y":1251,"series":"UA","x":"4 kwi"},{"y":1319,"series":"UA","x":"5 kwi"},{"y":1462,"series":"UA","x":"6 kwi"},{"y":1668,"series":"UA","x":"7 kwi"},{"y":1892,"series":"UA","x":"8 kwi"},{"y":2203,"series":"UA","x":"9 kwi"},{"y":1,"series":"PL","x":"4 mar"},{"y":1,"series":"PL","x":"5 mar"},{"y":5,"series":"PL","x":"6 mar"},{"y":6,"series":"PL","x":"7 mar"},{"y":11,"series":"PL","x":"8 mar"},{"y":17,"series":"PL","x":"9 mar"},{"y":22,"series":"PL","x":"10 mar"},{"y":31,"series":"PL","x":"11 mar"},{"y":51,"series":"PL","x":"12 mar"},{"y":68,"series":"PL","x":"13 mar"},{"y":104,"series":"PL","x":"14 mar"},{"y":125,"series":"PL","x":"15 mar"},{"y":177,"series":"PL","x":"16 mar"},{"y":238,"series":"PL","x":"17 mar"},{"y":287,"series":"PL","x":"18 mar"},{"y":355,"series":"PL","x":"19 mar"},{"y":425,"series":"PL","x":"20 mar"},{"y":536,"series":"PL","x":"21 mar"},{"y":634,"series":"PL","x":"22 mar"},{"y":749,"series":"PL","x":"23 mar"},{"y":900,"series":"PL","x":"24 mar"},{"y":1051,"series":"PL","x":"25 mar"},{"y":1221,"series":"PL","x":"26 mar"},{"y":1389,"series":"PL","x":"27 mar"},{"y":1638,"series":"PL","x":"28 mar"},{"y":1862,"series":"PL","x":"29 mar"},{"y":2055,"series":"PL","x":"30 mar"},{"y":2311,"series":"PL","x":"31 mar"},{"y":2554,"series":"PL","x":"1 kwi"},{"y":2946,"series":"PL","x":"2 kwi"},{"y":3383,"series":"PL","x":"3 kwi"},{"y":3627,"series":"PL","x":"4 kwi"},{"y":4102,"series":"PL","x":"5 kwi"},{"y":4413,"series":"PL","x":"6 kwi"},{"y":4848,"series":"PL","x":"7 kwi"},{"y":5205,"series":"PL","x":"8 kwi"},{"y":5575,"series":"PL","x":"9 kwi"},{"y":100,"series":"+20%/dz","x":"4 mar"},{"y":70882,"series":"+20%/dz","x":"9 kwi"}]}],"width":600}</graph>

<graph>{"legends":[],"scales":[{"type":"linear","name":"x","zero":false,"domain":{"data":"chart","field":"x"},"range":"width","nice":true},{"type":"linear","name":"y","domain":{"data":"chart","field":"y"},"zero":false,"range":"height","nice":true},{"domain":{"data":"chart","field":"series"},"type":"ordinal","name":"color","range":["#ff5ba0","#1050ff","#aaff00",""]},{"type":"ordinal","name":"transparency","range":["1","0.3921568627451","1","1"]},{"domain":{"data":"chart","field":"series"},"type":"ordinal","name":"line","range":[2,4,0]},{"domain":{"data":"chart","field":"series"},"type":"ordinal","name":"symSize","range":[212.5,544,850]},{"domain":{"data":"chart","field":"series"},"type":"ordinal","name":"symShape","range":["triangle-up","cross","m -0.5281,0.2880 0.0020,0.0192 m 0,0 c 0.1253,0.0543 0.2118,0.0679 0.3268,0.0252 0.1569,-0.0582 0.3663,-0.1636 0.4607,-0.3407 0.0824,-0.1547 0.1202,-0.2850 0.0838,-0.4794 l 0.0111,-0.1498 -0.0457,-0.0015 c -0.0024,0.3045 -0.1205,0.5674 -0.3357,0.7414 -0.1409,0.1139 -0.3227,0.1693 -0.5031,0.1856 m 0,0 c 0.1804,-0.0163 0.3622,-0.0717 0.5031,-0.1856 0.2152,-0.1739 0.3329,-0.4291 0.3357,-0.7414 l -0.0422,0.0079 c 0,0 -0.0099,0.1111 -0.0227,0.1644 -0.0537,0.1937 -0.1918,0.3355 -0.3349,0.4481 -0.1393,0.1089 -0.2717,0.2072 -0.4326,0.2806 l -0.0062,0.0260"]}],"version":2,"marks":[{"type":"group","marks":[{"properties":{"hover":{"stroke":{"value":"red"}},"update":{"strokeOpacity":{"scale":"transparency","field":"series"},"stroke":{"scale":"color","field":"series"}},"enter":{"y":{"scale":"y","field":"y"},"x":{"scale":"x","field":"x"},"stroke":{"scale":"color","field":"series"},"strokeWidth":{"scale":"line","field":"series"}}},"type":"line"},{"properties":{"enter":{"stroke":{"scale":"color","field":"series"},"strokeWidth":{"value":0},"y":{"scale":"y","field":"y"},"x":{"scale":"x","field":"x"},"strokeOpacity":{"scale":"transparency","field":"series"},"size":{"scale":"symSize","field":"series"},"fillOpacity":{"scale":"transparency","field":"series"},"shape":{"scale":"symShape","field":"series"},"fill":{"scale":"color","field":"series"}}},"type":"symbol"}],"from":{"data":"chart","transform":[{"groupby":["series"],"type":"facet"}]}}],"height":200,"axes":[{"type":"x","scale":"x","format":"d","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":false},{"type":"y","scale":"y","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":false}],"data":[{"format":{"parse":{"y":"number","x":"integer"},"type":"json"},"name":"chart","values":[{"y":0,"series":"y1","x":0},{"y":3.342,"series":"y1","x":1},{"y":2.3423,"series":"y1","x":2},{"y":5.32423,"series":"y1","x":3},{"y":1,"series":"y2","x":0},{"y":2.342,"series":"y2","x":1},{"y":4.63,"series":"y2","x":2},{"y":2.32423,"series":"y2","x":3},{"y":3,"series":"y3","x":0},{"y":1.342,"series":"y3","x":1},{"y":2.63,"series":"y3","x":2},{"y":4.32423,"series":"y3","x":3}]}],"width":200}</graph>

Pietrasagh (Diskussion) 06:58, 4. Aug. 2020 (CEST)

gudn tach!

@Pietrasagh: great! that was almost exactly, what i was looking for![1] thanks! :-)

i added the information to the docs: [2]. -- seth 13:37, 10. Aug. 2022 (CEST)

TemplateData

Sollte für diese Vorlage nicht auch ein TemplateData-Objekt in der Doku installiert werden? --Diwas (Diskussion) 20:20, 6. Okt. 2020 (CEST)

Mouseover, wozu?

<graph>{"legends":[{"properties":{"legend":{"y":{"value":-150}},"title":{"fill":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"stroke":"color","title":"Legende","fill":"color"}],"scales":[{"domain":{"data":"chart","field":"x"},"type":"ordinal","name":"color","range":"category20"}],"version":2,"marks":[{"type":"arc","properties":{"hover":{"fill":{"value":"red"}},"update":{"fill":{"scale":"color","field":"x"}},"enter":{"endAngle":{"field":"layout_end"},"innerRadius":{"value":0},"outerRadius":{"value":150},"startAngle":{"field":"layout_start"},"stroke":{"value":"white"},"fill":{"scale":"color","field":"x"},"strokeWidth":{"value":1}}},"from":{"data":"chart","transform":[{"type":"pie","field":"y"}]}},{"type":"text","properties":{"enter":{"theta":{"field":"layout_mid"},"baseline":{"value":"top"},"align":{"value":"center"},"text":{"field":"y"},"y":{"group":"height","mult":0.5},"x":{"group":"width","mult":0.5},"fontSize":{"value":15},"angle":{"mult":57.29577951308232,"field":"layout_mid"},"radius":{"offset":-4,"value":150},"fill":{"value":"white"}}},"from":{"data":"chart","transform":[{"field":"y","type":"pie"}]}}],"height":150,"axes":[],"data":[{"format":{"parse":{"y":"integer","x":"string"},"type":"json"},"name":"chart","values":[{"y":1850,"x":"Division Metall"},{"y":1549,"x":"Division Auto"},{"y":1178,"x":"Division Holz"},{"y":1354,"x":"Division Industrie"},{"y":754,"x":"Division Bau"},{"y":1359,"x":"Elektrogroßhandel"},{"y":858,"x":"Handel"},{"y":686,"x":"Elektronik"},{"y":628,"x":"Produktion"},{"y":559,"x":"RECA"},{"y":386,"x":"Werkzeuge"},{"y":217,"x":"Schrauben und Normteile"},{"y":108,"x":"Finanzdienstleistungen"},{"y":236,"x":"Chemie"}]}],"width":150}</graph> Ich bin gerade über dieses Diagramm gestolpert und frage nach dem Sinn des Mouseovers. Das Tortenstück wird rot, aber die Zahlen in den kleinsten Sektoren sind immer noch nicht lesbar und die Zuordnung zur Legende wird auch nicht erleichtert. Den einzigen Nutzen sehe ich bei einer Präsentation. Kann man das besser konfigurieren? --Siehe-auch-Löscher (Diskussion) 13:32, 24. Feb. 2021 (CET)

@Siehe-auch-Löscher: Jetzt nur soviel: Die Lösung könnte in einer noch undokumentierten sog. explodierenden Torte liegen wie hier. Gruß, --Wi-luc-ky (Diskussion) 01:41, 4. Mär. 2021 (CET)

Danke, die Lesbarkeit der Sektoren ja. Frage zu mouseover: Könnte man wenn man über hellblau fährt nicht nur den Sektor rot färben, sondern auch den hellblauen Punkt in der Legende? Und umgekehrt, dass ich auch über die Legende fahren kann und die Sektoren rot werden? --Siehe-auch-Löscher (Diskussion) 08:39, 4. Mär. 2021 (CET)

@Siehe-auch-Löscher: Deine Idee ist bestechend. Ohne allzu tiefe Kenntnisse zu den Diagrammen zu haben, würde ich vermuten, dass dieses Highlighting eine erhebliche Erweiterung der Codierung bedeuteten würde. Zuständig dafür, d. h. für Prüfung und Umsetzung, wäre die Vorlagenwerkstatt und im Weiteren WP:Verbesserungsvorschläge. Die jetzige Funktionalität könnte ich mit Dir in Präsentationen sehen. Bedaure, Dich nur überweisen zu können. Gruß, --Wi-luc-ky (Diskussion) 11:14, 4. Mär. 2021 (CET)

Den Vorschlag bezüglich Färbung von Sektor ↔ Legendeneintrag wollte ich auch gerade machen. --Leyo 11:25, 4. Mär. 2021 (CET)

Und was mir noch auffällt: Warum wird das hervorgehobene Tortenstück eigentlich immer in Rot markiert – und nicht in der jeweiligen Farbe selbst? Das fände ich naheliegender, kann natürlich auch nachvollziehen, dass mit knalligem Rot ein Effekt erzielt werden sollte. Gruß, --Wi-luc-ky (Diskussion) 11:53, 4. Mär. 2021 (CET)

gudn tach!

nebenbemerkung: das kreisdiagramm eignet sich meiner ansicht nach hier nicht, weil es zu viele werte sind, siehe auch Kreisdiagramm#Kritik. -- seth 13:43, 10. Aug. 2022 (CEST)

PDF Version Problem?

Ich hab probiert "als PDF herunterladen" zu benutzen, in der PDF Version erscheint das Diagramm nicht mehr. Ist das ein bekanntes Problem und gibt es dafür eine Lösung? LG! Georg Yomomo (Diskussion) 20:53, 18. Mai 2021 (CEST)

Gestapeltes Flächendiagramm: Werte per Mouseover?

<graph>{"legends":[{"properties":{"title":{"fill":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"stroke":"color","title":"Legende","fill":"color"}],"scales":[{"type":"linear","name":"x","zero":false,"domain":{"data":"chart","field":"x"},"range":"width","nice":true},{"type":"linear","name":"y","domain":{"data":"stats","field":"sum_y"},"zero":true,"range":"height","nice":true},{"domain":{"data":"chart","field":"series"},"type":"ordinal","name":"color","range":["#2e8b57","#98fb98","#ffd700","#0000ff"]}],"version":2,"marks":[{"type":"group","marks":[{"properties":{"hover":{"fill":{"value":"red"}},"update":{"fill":{"scale":"color","field":"series"}},"enter":{"y":{"scale":"y","field":"layout_start"},"interpolate":{"value":"monotone"},"y2":{"scale":"y","field":"layout_end"},"x":{"scale":"x","field":"x"},"fill":{"scale":"color","field":"series"}}},"type":"area"}],"from":{"data":"chart","transform":[{"field":"y","type":"stack","sortby":["-_id"],"groupby":["x"]},{"groupby":["series"],"type":"facet"}]}}],"height":200,"axes":[{"type":"x","title":"Jahr","scale":"x","format":"d","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":false},{"type":"y","title":"Beträge in Mio. CHF","scale":"y","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":false}],"data":[{"format":{"parse":{"y":"number","x":"integer"},"type":"json"},"name":"chart","values":[{"y":193,"series":"APD anderer Bundesämter, Kantone und Gemeinden","x":2004},{"y":509.6,"series":"APD anderer Bundesämter, Kantone und Gemeinden","x":2005},{"y":330.6,"series":"APD anderer Bundesämter, Kantone und Gemeinden","x":2006},{"y":301.9,"series":"APD anderer Bundesämter, Kantone und Gemeinden","x":2007},{"y":356.6,"series":"APD anderer Bundesämter, Kantone und Gemeinden","x":2008},{"y":436.1,"series":"APD anderer Bundesämter, Kantone und Gemeinden","x":2009},{"y":291.1,"series":"APD anderer Bundesämter, Kantone und Gemeinden","x":2010},{"y":379.5,"series":"APD anderer Bundesämter, Kantone und Gemeinden","x":2011},{"y":332.7,"series":"APD anderer Bundesämter, Kantone und Gemeinden","x":2012},{"y":365,"series":"APD anderer Bundesämter, Kantone und Gemeinden","x":2013},{"y":379.3,"series":"APD anderer Bundesämter, Kantone und Gemeinden","x":2014},{"y":292.9,"series":"APD anderer Bundesämter, Kantone und Gemeinden","x":2015},{"y":337.4,"series":"APD anderer Bundesämter, Kantone und Gemeinden","x":2016},{"y":368.6,"series":"APD anderer Bundesämter, Kantone und Gemeinden","x":2017},{"y":370.1,"series":"APD anderer Bundesämter, Kantone und Gemeinden","x":2018},{"y":380.6,"series":"APD anderer Bundesämter, Kantone und Gemeinden","x":2019},{"y":409.6,"series":"APD anderer Bundesämter, Kantone und Gemeinden","x":2020},{"y":246,"series":"an APD anrechenbare Asylkosten in der Schweiz","x":2004},{"y":169,"series":"an APD anrechenbare Asylkosten in der Schweiz","x":2005},{"y":170.8,"series":"an APD anrechenbare Asylkosten in der Schweiz","x":2006},{"y":185.2,"series":"an APD anrechenbare Asylkosten in der Schweiz","x":2007},{"y":286.3,"series":"an APD anrechenbare Asylkosten in der Schweiz","x":2008},{"y":367.4,"series":"an APD anrechenbare Asylkosten in der Schweiz","x":2009},{"y":383.8,"series":"an APD anrechenbare Asylkosten in der Schweiz","x":2010},{"y":479.4,"series":"an APD anrechenbare Asylkosten in der Schweiz","x":2011},{"y":615.1,"series":"an APD anrechenbare Asylkosten in der Schweiz","x":2012},{"y":418.4,"series":"an APD anrechenbare Asylkosten in der Schweiz","x":2013},{"y":442.5,"series":"an APD anrechenbare Asylkosten in der Schweiz","x":2014},{"y":478.9,"series":"an APD anrechenbare Asylkosten in der Schweiz","x":2015},{"y":681.2,"series":"an APD anrechenbare Asylkosten in der Schweiz","x":2016},{"y":324.8,"series":"an APD anrechenbare Asylkosten in der Schweiz","x":2017},{"y":275.5,"series":"an APD anrechenbare Asylkosten in der Schweiz","x":2018},{"y":281.9,"series":"an APD anrechenbare Asylkosten in der Schweiz","x":2019},{"y":302.9,"series":"an APD anrechenbare Asylkosten in der Schweiz","x":2020},{"y":230.8,"series":"Seco","x":2004},{"y":221.6,"series":"Seco","x":2005},{"y":213.7,"series":"Seco","x":2006},{"y":191.9,"series":"Seco","x":2007},{"y":210,"series":"Seco","x":2008},{"y":221.2,"series":"Seco","x":2009},{"y":226.9,"series":"Seco","x":2010},{"y":231.2,"series":"Seco","x":2011},{"y":256.7,"series":"Seco","x":2012},{"y":309,"series":"Seco","x":2013},{"y":337.3,"series":"Seco","x":2014},{"y":328.7,"series":"Seco","x":2015},{"y":310.4,"series":"Seco","x":2016},{"y":333.7,"series":"Seco","x":2017},{"y":322.2,"series":"Seco","x":2018},{"y":323.7,"series":"Seco","x":2019},{"y":349.3,"series":"Seco","x":2020},{"y":1251.3,"series":"DEZA","x":2004},{"y":1307,"series":"DEZA","x":2005},{"y":1348.2,"series":"DEZA","x":2006},{"y":1342.5,"series":"DEZA","x":2007},{"y":1381.1,"series":"DEZA","x":2008},{"y":1479.2,"series":"DEZA","x":2009},{"y":1496.2,"series":"DEZA","x":2010},{"y":1616.6,"series":"DEZA","x":2011},{"y":1656.9,"series":"DEZA","x":2012},{"y":1872.8,"series":"DEZA","x":2013},{"y":2063.5,"series":"DEZA","x":2014},{"y":2295.8,"series":"DEZA","x":2015},{"y":2200.1,"series":"DEZA","x":2016},{"y":2071.3,"series":"DEZA","x":2017},{"y":2064.7,"series":"DEZA","x":2018},{"y":2093.9,"series":"DEZA","x":2019},{"y":2281.1,"series":"DEZA","x":2020}]},{"transform":[{"type":"aggregate","summarize":{"y":"sum"},"groupby":["x"]}],"name":"stats","source":"chart"}],"width":400}</graph>

APD-Beiträge der verschiedenen Stellen ab 2004. Quelle: DEZA Fachstelle Statistik (Stand am 13.04.2021)

Beim gestapelten Flächendiagramm wechselt die Farbe einer Fläche mit Mouseover auf Rot. Ich hätte gern den Effekt, dass per Mouseover auch der zugeordnete Wert erscheinen würde. Ist das möglich? Und wenn ja, wie lautet der erweiterte Code? --Matutinho (Diskussion) 08:59, 9. Jun. 2021 (CEST)

Unabhängig von der technischen Lösung: Was ist denn der zugeordnete Wert, der Flächeninhalt? --Siehe-auch-Löscher (Diskussion) 09:44, 9. Jun. 2021 (CEST)

[gelöschten Beitrag wiederhergestellt:]

Hallo, der Flächeninhalt ist ja nur die zweidimensionale – kosmetische – Darstellung eines eindimensionalen Wertes (CHF der Öffentlichen Entwicklungshilfe der Schweiz). Könnte auch als gestapeltes Balkendiagramm aufgesetzt werden. Im weiteren Sinne eine Art Malen nach Zahlen.

Eine Anzeige von Einzelwerten ist derzeit nicht dokumentiert. Auch der Zusatz |showValues= bringt derzeit nichts.

So wie das gestapelte Flächendiagramm jetzt konstruiert ist, wird die Rotmarkierung über mehrere Jahre quer vorgenommen. Wenn also ein Wert beim Mouse-over angezeigt würde, entstünde gleich die Frage, worauf sich der Wert bezieht: auf die Gesamtwerte über die Jahre von APD oder die von Seca oder jene von DEZA? ODER bezöge sich der Wert nur auf das Jahr und die Kostenstelle, wo der Mousezeiger gerade steht? (Beim Balkendiagramm wäre das eindeutig.)

Gruß, --Wi-luc-ky (Diskussion) 11:52, 9. Jun. 2021 (CEST)

Danke für dein Interesse. Hier die Erklärung zu meinem Wunsch: Wenn sich der Kursor in der Fläche der DEZA (cf. Diagramm rechts, blaue Fläche) befindet, wählt er den Wert, der sich auf der Zeit-Achse (x-Achse) am nächsten befindet. So kann der Betrachter z.B. den Wert der DEZA für das Jahr 2016 ablesen; wenn er in die nächste Fläche wechselt, sieht er den Wert des SECO im gleichen Jahr oder er bleibt in der gleichen Fläche, verschiebt aber den Kursor gegen 2018, sieht er den Wert der Fläche für das Jahr 2018. Alles klar? Falls es technisch einfacher ist: Ich könnte auf den Farbeffekt zugunsten der Werteanzeige verzichten. UND: Statt nur den Wert auszugeben, könnte (statt des Farbeffekts) auch gleich die Flächenbezeichnung eingezeigt werden. (Ich könnte in diesem Fall die detaillierten Bezeichnungen der obersten und zweitobersten Fläche abkürzen und unten in der "Bildbeschreibung" des Rahmens auflösen. Wenn das machbar wäre (oder Teile davon), wäre das super. Vielen Dank. Matutinho (Diskussion) 12:00, 9. Jun. 2021 (CEST)

Habe meinen Beitrag oben wiederhergestellt, Matutinho. Aus Deiner Antwort 12:00 ist zu ersehen, dass meine Problemanzeige noch nicht genügend berücksichtigt ist, wenn Du schreibst, „wählt er den Wert, der sich auf der Zeit-Achse (x-Achse) am nächsten befindet.“

Dieses nachvollziehbare Vorgehen ändert jedoch nichts daran, dass dann eine missverständliche Markierung der gesamten Fläche quer über die gesamten Jahre von DEZA usw. erfolgt.

Von der Optik her wäre also neben dem Pop-up des Jahreswertes auch noch die Begrenzung der markierten Fläche auf das jeweilige Jahr zu fordern: gleichsam ein Jahres-Balken innerhalb des Flächendiagramms.

Gruß, --Wi-luc-ky (Diskussion) 12:38, 9. Jun. 2021 (CEST)

Hallo Wi-luc-ky. Besten Dank für die Erklärungen. Ich finde das Flächendiagramm für die Darstellung einer Entwicklung leichter lesbar als ein Balkendiagramm. Ich dachte, dass ich "meinen" Code so abändern könnte, dass die auf der Vorlage beruhenden Flächendiagramme in Wikipedia nicht betroffen wären oder es eine zusätzliche Variante geben könnte, die meinem Darstellungswunsch entsprechen würde. Ich habe das Verhalten des Flächendiagramms ausserhalb von Wikipedia hier gesehen, wo übrigens auch gleich die Legende jeweils in den Effekt einbezogen ist. --Matutinho (Diskussion) 15:55, 9. Jun. 2021 (CEST)

Hallo Matutinho. Dankeschön, so wie das bei genanntem media-flow.ch gemacht wird, ist es deutlich und erspart die vorgeschlagenen „Balken“ im Flächendiagramm, weil neben dem Wert auch das Jahr und der jew. Fonds gezeigt werden (was mir schon auf der Tastatur lag).

Der Code könnte mWn um eine Ergänzung ähnlich wie in Vorlage:Wappenbeschreibung:

|{{{Kurzdarstellung|}}}

erweitert werden, womit dort Pup-ups mit frei beschrifteten Texten erzeugt werden können.

Falls hier keine des Änderns Kundigen mitlesen, könnte die WP:VWS aufgesucht werden.

Gruß, --Wi-luc-ky (Diskussion) 17:40, 9. Jun. 2021 (CEST)

Info zum Vergleich: Page History – XTools – Year counts gibt im (im Balkendiagramm) beim Mouse-over im Pop-up gleich alle vier Werte für ein Jahr an. Das ist praktisch, weil gleich ein Vergleich möglich ist, ohne auf den jeweiligen Balken zu fahren.

Das hieße für ein gestapeltes Flächendiagramm, dass eine Anzeige auch hier von allen (vier) Jahreswerten immer dann erfolgt, wenn der Mouse-Zeiger sich im Bereich über der Jahreszahl befindet.

Gruß, --Wi-luc-ky (Diskussion) 11:24, 10. Jun. 2021 (CEST)

Hallo Wi-luc-ky, vielen Dank für deine Unterstützung und deine Tipps. Ich habe meinen Wunsch - wie du es vorgeschlagen hast - auf WP:VWS platziert. Ich hoffe, dass von dort noch Unterstützung kommt. --Matutinho (Diskussion) 07:01, 11. Jun. 2021 (CEST)

Linie bei festem Wert

Kann man in einem Liniendiagramm irgendwie eine feste Linie einzeichnen (z. B. in rot), beispielsweise der magische Inzidenzwert von 50 in einer Darstellung der Inzidenzen nach Tageswerten? Danke --Chtrede (Diskussion) 18:59, 2. Aug. 2021 (CEST)

Hallo Chtrede. Als praktische Lösung auf die Schnelle würde ich im „Liniendiagramm mit mehreren Datenreihen und eigenem Farbschema“ einen y-Wert immer mit 50er Werten befüllen und farblich in Rot definieren. (Ohne Gewähr.) Gruß, --Wi-luc-ky (Diskussion) 19:25, 2. Aug. 2021 (CEST)

Ich danke Dir. Werde es mal probieren. --Chtrede (Diskussion) 08:03, 3. Aug. 2021 (CEST)

|hannotatonslabel=abc |hannotatonsline=50 <graph>{"legends":[],"scales":[{"type":"linear","name":"x","zero":false,"domain":{"data":"chart","field":"x"},"range":"width","nice":true},{"type":"linear","name":"y","domain":{"data":"chart","field":"y"},"zero":false,"range":"height","nice":true},{"domain":{"data":"chart","field":"series"},"type":"ordinal","name":"color","range":"category10"},{"domain":{"data":"chart","field":"series"},"type":"ordinal","name":"line","range":[2,4,0]}],"version":2,"marks":[{"type":"line","properties":{"hover":{"stroke":{"value":"red"}},"update":{"stroke":{"scale":"color","field":"series"}},"enter":{"y":{"scale":"y","field":"y"},"x":{"scale":"x","field":"x"},"stroke":{"scale":"color","field":"series"},"strokeWidth":{"scale":"line","field":"series"}}},"from":{"data":"chart"}},{"type":"rule","properties":{"update":{"y":{"scale":"y","field":"y"},"x":{"value":0},"x2":{"field":{"group":"width"}},"stroke":{"value":"#54595d"},"opacity":{"value":0.75},"strokeWidth":{"value":"#54595d"}}},"from":{"data":"h_anno"}},{"type":"text","properties":{"update":{"y":{"scale":"y","offset":3,"field":"y"},"x":{"value":0,"offset":3},"opacity":{"value":0.75},"baseline":{"value":"top"},"text":{"field":"label"},"angle":{"value":0},"fill":{"value":"#54595d"}}},"from":{"data":"h_anno"}}],"height":100,"axes":[{"type":"x","scale":"x","format":"d","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":false},{"type":"y","scale":"y","format":"d","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":false}],"data":[{"format":{"parse":{"y":"integer","x":"integer"},"type":"json"},"name":"chart","values":[{"y":100,"series":"y","x":0},{"y":60,"series":"y","x":1},{"y":30,"series":"y","x":2},{"y":70,"series":"y","x":3},{"y":10,"series":"y","x":5},{"y":90,"series":"y","x":6},{"y":80,"series":"y","x":7}]},{"format":{"parse":{"y":"integer"},"type":"json"},"name":"h_anno","values":[{"y":"50","label":"abc"}]}],"width":200}</graph> Uwappa (Diskussion) 17:35, 13. Aug. 2022 (CEST)

bei abgeschaltetem JS

Bei abgeschaltetem JS passiert nix, es gibt keine alternative Darstellung oder einen Hinweis was passieren sollte .... -- A1000 (Diskussion) 17:51, 25. Nov. 2021 (CET)

Aber die Diagramme (ohne Animation) siehst du schon, oder? --Leyo 14:25, 10. Aug. 2022 (CEST)

X-Achsenbeschriftung ändern

<graph>{"legends":[],"scales":[{"type":"linear","name":"x","zero":false,"domain":{"data":"chart","field":"x"},"range":"width","nice":true},{"clamp":true,"type":"linear","name":"y","domain":{"data":"chart","field":"y"},"domainMin":0,"zero":false,"range":"height","nice":true},{"domain":{"data":"chart","field":"series"},"type":"ordinal","name":"color","range":"category10"}],"version":2,"marks":[{"type":"line","properties":{"hover":{"stroke":{"value":"red"}},"update":{"stroke":{"scale":"color","field":"series"}},"enter":{"y":{"scale":"y","field":"y"},"x":{"scale":"x","field":"x"},"stroke":{"scale":"color","field":"series"},"strokeWidth":{"value":2.5}}},"from":{"data":"chart"}}],"height":150,"axes":[{"type":"x","scale":"x","format":"d","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":false},{"type":"y","scale":"y","format":"d","properties":{"title":{"fill":{"value":"#54595d"}},"grid":{"stroke":{"value":"#54595d"}},"ticks":{"stroke":{"value":"#54595d"}},"axis":{"strokeWidth":{"value":2},"stroke":{"value":"#54595d"}},"labels":{"fill":{"value":"#54595d"}}},"grid":false}],"data":[{"format":{"parse":{"y":"integer","x":"integer"},"type":"json"},"name":"chart","values":[{"y":93,"series":"y","x":1},{"y":100,"series":"y","x":2},{"y":86,"series":"y","x":3},{"y":91,"series":"y","x":4},{"y":100,"series":"y","x":5},{"y":71,"series":"y","x":6}]}],"width":300}</graph>

Besteht die Möglichkeit, aus dem rechts abgebildeten Diagramm die doppelten Werte aus der X-Achsenbeschriftung manuell zu entfernen? In den einzelnen Parameterbeschreibungen konnte ich dazu leider nichts finden. Der aktuell verwendete Code ist {{Graph:Chart|width=300|height=150|type=line|x=1,2,3,4,5,6|y=93,100,86,91,100,71|yAxisMin=0}}
--Frederico34 (Diskussion) 14:49, 18. Mär. 2022 (CET)

Mit dem Parameter "xType=string" verschwinden die doppelten Werte, warum auch immer. --man (Diskussion) 15:18, 18. Mär. 2022 (CET)

Perfekt, genau das habe ich gesucht. Ein großes Dankeschön! LG --Frederico34 (Diskussion) 15:23, 18. Mär. 2022 (CET)

y1 mishandles missing values

(duplicate report, possibly on wrong page transcluded) קיפודנחש (Diskussion) 06:34, 20. Mär. 2022 (CET)

{{#lsth:Wikipedia Diskussion:Lua/Modul/Graph|y1 mishandles missing values}}

[1] Der Titel. Abgerufen am 11. Mai 2019.

[2] Noch ein Titel. Abgerufen am 11. Mai 2019.

[2]

Anonym

Suche

Vorlage Diskussion:Graph:Chart

Namensräume

Mehr

Seitenaktionen

Inhaltsverzeichnis

These graphs are awesome!!!

Sinnvolle Einbindung mit Beschriftung

Gestapeltes Diagramm mit alphanumerischer Sortierung?

Bilddateien werden in der AndroidApp nicht dargestellt

Nachkommastellen

yAxisMin

Merkwürdiges Verhalten

Punkte und Grid in Liniendiagrammen

Y-Achse umdrehen

Betreffzeile bei Tortendiagamm

Ref in der Legende

Wie eine sinnvolle Granularität von Jahreszahlen einstellen?

Where is the code?

Responsive Design

Balkendiagramme mit logarithmischem Y...

Titel / Überschrift

Säulendiagramm mit xType=date

Tick-Label mit zu wenig bzw. zu viel Nachkommastellen

Symbols and line-widths upgrade

TemplateData

Mouseover, wozu?

PDF Version Problem?

Gestapeltes Flächendiagramm: Werte per Mouseover?

Linie bei festem Wert

bei abgeschaltetem JS

X-Achsenbeschriftung ändern

y1 mishandles missing values

Navigation

Navigation

Mitmachen

Wikiwerkzeuge

Wikiwerkzeuge

Anonym

Suche

Vorlage Diskussion:Graph:Chart

These graphs are awesome!!!

Sinnvolle Einbindung mit Beschriftung

Gestapeltes Diagramm mit alphanumerischer Sortierung?

Bilddateien werden in der AndroidApp nicht dargestellt

Nachkommastellen

yAxisMin

Merkwürdiges Verhalten

Punkte und Grid in Liniendiagrammen

Y-Achse umdrehen

Betreffzeile bei Tortendiagamm

Ref in der Legende

Wie eine sinnvolle Granularität von Jahreszahlen einstellen?

Where is the code?

Responsive Design

Balkendiagramme mit logarithmischem Y...

Titel / Überschrift

Säulendiagramm mit xType=date

Tick-Label mit zu wenig bzw. zu viel Nachkommastellen

Symbols and line-widths upgrade

TemplateData

Mouseover, wozu?

PDF Version Problem?

Gestapeltes Flächendiagramm: Werte per Mouseover?

Linie bei festem Wert

bei abgeschaltetem JS

X-Achsenbeschriftung ändern

y1 mishandles missing values

Navigation

Wikiwerkzeuge

Seitenwerkzeuge

Weitere Projekte