Vorlage:Graph:LineEvent
Parameter | Beschreibung | Typ | Status | |
---|---|---|---|---|
Breite | breite b width | Breite des Graph Objekts in Pixel
| Nummer | vorgeschlagen |
Höhe | höhe h height | Höhe des Graph Objekts in Pixel
| Nummer | vorgeschlagen |
Datenquelle | tabelle tab Tabelle table | Name einer Datentabelle auf Wikimedia Commons
| Seitenname | erforderlich |
x-Datenfeld | xfield xFeld xfeld | Name der Tabellenspalte mit x-Daten
| Zeile | erforderlich |
y-Datenfeld | yfield yFeld yfeld | Name der Tabellenspalte mit y-Daten
| Zeile | erforderlich |
Ereignisspalte | eventfield Ereignisfeld | Name der Tabellenspalte in der Texte zu den zu markierenden Ereignissen stehen
| Zeile | vorgeschlagen |
Textmarkenoffset | labeloffset | Name der Tabellenspalte die den horizontalen Offset der Textmarken enthält. Positive Offsets verschieben das Label nach rechts und erzeugen linksbündigen Text, negative offsets verschieben das Label nach links und erzeugen rechtsbündigen Text.
| Zeile | vorgeschlagen |
Vertikale Gitterlinien | xGrid xgrid | Vertikale Gitterlinien aktivieren
| Boolesch | vorgeschlagen |
Horizontale Gitterlinien | yGrid ygrid | Horizontale Gitterlinien aktivieren
| Boolesch | vorgeschlagen |
x-Achsenbeschriftung | xLabel xTitel xlabel xtitel | Beschriftung der x-Achse
| Zeile | vorgeschlagen |
y-Achsenbeschriftung | yLabel ylabel yTitel ytitel | Beschriftung der y-Achse
| Zeile | vorgeschlagen |
Kopiervorlage
{{Graph:LineEvent |tabelle= |xfeld= |yfeld= |eventfield= |labeloffset= |xtitel= |ytitel= |xgrid= |ygrid= |breite= |höhe= }}
Beispiele
Dieses Beispiel erzeugt ein Graph Objekt mit einem Liniengraph, und diskreten Punkten mit Textanmerkungen. Die Daten werden aus einer Tabelle bei Wikimedia Commons gezogen.
<graph>
{
"version": 2, "width": 600, "height": 300, "padding": "strict",
"signals": [{"name": "rightwidth", "expr": "width + padding.right"}], "data": [{ "name": "chart",
"url": "tabular:///Verkehrstote Deutschland.tab",
"format": {"type": "json"
, "property": "data"
}, "transform": [ {"type": "formula", "field": "year", "expr": "datetime(datum.year,0,1)" }, {"type": "sort", "by": ["year"]},
{"type": "fold", "fields": ["dead"]}
] },
{
"name": "labels", "url": "tabular:///Verkehrstote Deutschland.tab", "format": {"type": "json", "property": "fields"} } ], "scales": [ { "name": "x", "type": "time", "domain": {"data": "chart", "field": "year"}, "range": "width",
"zero": false
}, { "name": "y", "type": "linear", "range": "height", "domain": {"data": "chart", "field": "value"},
"zero": true
}, { "name": "color", "type": "ordinal", "domain": {"data": "chart", "field": "key"}, "range": "category10" },
{
"name": "labels", "type": "ordinal",
"domain": {"data": "labels", "field": "name"},
"range": {"data": "labels", "field": "title"} } ],
"axes": [ {"scale": "x", "type": "x", "tickSizeEnd": 0, "ticks": 7, "title": "Jahr", "grid": true }, {"scale": "y", "type": "y", "tickSizeEnd": 0, "title": "Getötete", "grid": true
}
],
"marks": [ { "type": "group", "from": { "data": "chart", "transform": [{"type": "facet", "groupby": ["key"]}] }, "marks": [ { "type": "line", "properties": { "enter": { "y": {"scale": "y", "field": "value"}, "x": {"scale": "x", "field": "year"}, "stroke": {"scale": "color", "field": "key"}, "interpolate": {"value": "monotone"}, "strokeWidth": {"value": 2.5} } } } ] }, { "type": "text",
"from": {"data": "chart"},
"encode": { "enter": { "fill": {"value": "#900"}, "text": {"value": {"field":"event"} } }, "update": { "x": {"scale": "x","field": "year"}, "y": {"scale": "y", "field": "value"}, "dx": {"value": 10}, "align": {"value": "center"}, "baseline": {"value": 0}, "fontSize": {"value": 10}, "fontStyle": {"value": "normal"}, "fontWeight": {"value": "bold"} } } }, {
"type":"symbol", "from": {"data": "chart"}, "properties": { "enter": { "x": {"scale": "x", "field": "year"}, "y": {"scale": "y", "field": "dead"}, "fill": {"value": "#d44"}, "size": [ {"test": "length(datum.event)>0", "value": 50}, {"value": 0} ] } }
}, { "type":"text", "from": {"data": "chart"},
"properties": { "enter": { "x": {"scale": "x", "field": "year", "offset": 8}, "y": {"scale": "y", "field": "dead", "offset": 2}, "fill": {"value": "#d44"}, "dx":{"field": "labeloffset"}, "text": [ {"test": "length(datum.event)>0", "field": "event",
"align":[ {"test": "(datum.labeloffset) < 0",
"align": "right"},
{"align": "left"} ], "width":1
} ] } }
} ]
} </graph>
Rohdaten anzeigen oder bearbeiten
{{Graph:LineEvent |tabelle=Verkehrstote Deutschland.tab |xfield=year |yfield=dead |xlabel=Jahr |ylabel=Getötete |breite=600 |höhe=300 }}