Template:Graph:Horizontal bars
This graph's main version resides at Template:Graph:Stacked. Please make or suggest all the changes there, and copy it everywhere else (until the copying is automated)
{{Graph:Horizontal bars | table=Wikimedia/CEE Spring/Statistics/MMXVI/Per country sums (general).tab | xField=country | series="articles", "created", "improved" | title=Per country sums | legend=Types }} |
See or edit source data. |
This graph draws one or more independent numeric data series as lines. The data must be stored on Commons' Data namespace.
Parameter | Description | Type | Status | |
---|---|---|---|---|
table | table | Data page name on Commons, without the Data: prefix. The table should contain xField column, like year or date, and one or more series columns to plot | String | required |
type | type | Type of the x axis - time (e.g. "2015-10" or "2013-03-08"), year (integer, but treated as a year), linear (numbers), ordinal (anything)
| String | suggested |
xField | xField | Id of the data column that contains values for the X axis. If type=year, xField is also "year" by default. | String | required |
series | series | List of the data columns to show as lines. Must be listed by field IDs: "field1", "field2", "field3". | String | required |
xZero | xZero | Force to start or not to start X axis with zero. Can be either true or false | String | optional |
yZero | yZero | Force to start or not to start Y axis with zero. Can be either true or false | String | optional |
xMin | xMin | Force X axis to start from this value | Unknown | optional |
xMax | xMax | Force X axis to end with this value | Unknown | optional |
yMin | yMin | Force Y axis to start from this value | Unknown | optional |
yMax | yMax | Force Y axis to end with this value | Unknown | optional |
title | title | Title of the whole graph | String | optional |
xAxis | xAxis | Title of the X axis | String | optional |
yAxis | yAxis | Title of the Y axis | String | optional |
xGrid | xGrid | Show grid lines for X axis | Boolean | optional |
yGrid | yGrid | Show grid lines for Y axis | Boolean | optional |
legend | legend | Title of the legend | String | optional |
width | width | no description | Number | optional |
height | height | no description | Number | optional |
debug | debug | if set, will show graph as raw JSON | String | optional |
<graph>
{
//
// ATTENTION: This code is maintained at https://www.mediawiki.org/wiki/Template:Graph:Horizontal_bars
// Please do not modify it anywhere else, as it may get copied and override your changes.
// Suggestions can be made at https://www.mediawiki.org/wiki/Template:Graph:Horizontal_bars
//
// Template translation is in https://commons.wikimedia.org/wiki/Data:Original/Template:Graphs.tab
//
"version": 2,
"width": 300,
"height": 400,
"data": [{
"name": "chart",
"url": "tabular:///{{{table}}}",
"format": {"type": "json", "property": "data"
},
"transform": [
// Convert xField parameter into a field "_xfield"
{"type": "formula", "field": "_xfield", "expr":
"datum.country"
},
{"type": "fold", "fields": ["articles","created", "improved"]}
]
},
{
"name": "labels",
"url": "tabular:///{{{table}}}",
"format": {"type": "json", "property": "fields"}
},
{
"name": "stats",
"source": "chart",
"transform": [{
"type": "aggregate",
"groupby": ["_xfield"],
"summarize": [{"field": "value", "ops": ["sum"]}]
}]
}
],
"scales": [
{
"name": "x",
"type": "linear",
"domain": {
"data": "stats", "field": "sum_value"
},
"range": "width",
},
{
"name": "y",
"type":
"ordinal",
"range": "height",
"domain": {
"data": "chart", "field": "_xfield"
},
},
{
"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", "ticks": 7
},
{"scale": "y", "type": "y"
}
],
"marks": [
// Group data by the "key", and draw lines, one line per key
{
"type": "rect",
"from": {
"data": "chart",
"transform": [
{"type": "stack", "groupby": ["_xfield"], "sortby": ["key"], "field": "value"}
]
},
"properties": {
"enter": {
"y": {"scale": "y", "field": "_xfield"},
"height": {"scale": "y", "band": true, "offset": -1},
"x": {"scale": "x", "field": "layout_start"},
"x2": {"scale": "x", "field": "layout_end"},
"fill": {"scale": "color", "field": "key"}
}
}
}
]
}
</graph>