Module:Graph/doc

Dit is de documentatiepagina voor Module:Graph.
Deze pagina bevat uitleg, informatie en overige inhoud die geen onderdeel is van de originele modulepagina.

Module with helper functions for the Graph extension to display graphs and maps. From de:Modul:Graph.

Functions for templates

`chart`

Creates a JSON object for <graph> to display charts. In the article namespace the template {{GraphChart}} should be used instead. See its page for use cases.

Parameters:

colors

kleurenpallet van de grafiek, een lijst van kleuren door komma's gescheiden. De kleuren kunnen zijn: #rgb/#rrggbb/#aarrggbb of een Engelse CSS kleurennaam. Bij #aarrggbb geeft de aa het alpha channel aan, bijvoorbeeld FF=100% doorzichtig, 80=50% doorzichtig, etc.

hAnnotatonsLabel

toon horizontale annotatielabels bij annotatielijnen, bijvoorbeeld hAnnotationLabel = label1, label2, label3

hAnnotatonsLine

toon horizontale annotatielijnen bij specifieke waarden, bijvoorbeeld hAnnotatonsLine=4, 5, 6

height

hoogte van de grafiek in pixels, bij de meeste grafieken de hoogte van de Y-as

innerRadius

Alleen geldig voor een taartdiagram, de binnenste straal in pixels om een donut diagram te maken.

interpolate

Interpolatie methode voor lijn- en vlakdiagrammen. monotone is aanbevolen voor een monotone cubic interpolation. Op https://github.com/nyurik/vega/wiki/Marks#line staan de andere ondersteunde interpolatiemethoden.

legend

Toon legenda. Dit werkt alleen bij meerdere datareeksen.

linewidth

Voor een lijndiagram: de dikte van de lijnen, een lijndikte van 0 resulteert in een spreidingsdiagram. Voor een taartdiagram: de ruimte tussen de taartpunten.

linewidths

Voor verschillende lijndiktes per datareeks. Een lijndikte van 0 in combinatie met "showSymbols" laat die lijn weg, toont slechts de punten, bijvoorbeeld linewidths=1, 0, 5, 0.2

showSymbols

voor lijngrafieken: toon een symbool op data punten. Een getal geeft de symboolgrootte aan in pixels, bijvoorbeeld showSymbols=3. showSymbols= geeft punten met een standaardgrootte van 2.5 pixel. Verschillende groottes zijn mogelijk per datareeks: showSymbols=1, 2, 3, 4

showValues

Voor een taartdiagram en een ongestapeld staafdiagram: Toon y waarden als tekst in de grafiek. De volgende parameters, gescheiden door komma's, definiëren hoe de tekst er uit ziet, bijvoorbeeld showValues = fontcolor:silver, fontsize:10, offset:10.

format: Formatteer numerieken zoals op https://github.com/d3/d3-3.x-api-reference/blob/master/Formatting.md#numbers en datum/tijd zoals op https://github.com/d3/d3-3.x-api-reference/blob/master/Time-Formatting.md .
fontcolor: de kleur van de tekst
fontsize: de grootte van de tekst
offset: verplaats de tekst. Voor een staafdiagram en een taartdiagram met midangle definieert dit of de tekst binnen of buiten het diagram valt.
angle voor taartdiagrammen: de hoek in graden, gebaseerd op de mid-angle van de taartpunt. midangle is de standaardwaarde.

symbolsNoFill: if true symbol will be without fill (only stroke),
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
symbolsStroke: if "x" symbol is used or option "symbolsNoFill" symbol stroke width, default 2.5
type: type of the chart: line for line charts, area for area charts, and rect for (column) bar charts, and pie for pie charts. Multiple series can stacked using the stacked prefix, e.g. stackedarea.
vAnnotatonsLabel: toon verticale annotatielabels bij annotatielijnen, bijvoorbeeld hAnnotationLabel = label1, label2, label3
vAnnotatonsLine: toon verticale annotatielijnen bij specifieke waardes, bijvoorbeeld vAnnotatonsLine=4, 5, 6
width: breedte van de grafiek in pixels, bij de meeste grafieken de lengte van de x-as
x: the x-values as a comma-separated list
xAxisAngle: rotates the x axis labels by the specified angle. Recommended values are: -45, +45, -90, +90
xAxisMin, xAxisMax: minimum and maximum values of the x y axes (not yet supported for bar charts). These parameters can be used to invert the scale of a numeric axis by setting the lowest value to the Max and highest value to the Min.
xAxisFormat and yAxisFormat: changes the formatting of the axis labels. Supported values are listed at https://github.com/d3/d3-3.x-api-reference/blob/master/Formatting.md#numbers for numbers and https://github.com/d3/d3-3.x-api-reference/blob/master/Time-Formatting.md for date/time. For example, the format % can be used to output percentages.
xAxisTitle: captions of the x axes
xGrid: display grid lines on the x axes.
xType and yType: data types of the values, e.g. integer for integers, number for real numbers, date for dates (e.g. YYYY/MM/DD), and string for ordinal values (use string to prevent axis values from being repeated when there are only a few values).
xScaleType and yScaleType: scale types of the x and y axes, e.g. linear for linear scale (default), log for logarithmic scale and sqrt for square root scale.
y or y1, y2, …: the y-values for one or several data series, respectively. For pie charts y2 denotes the radiuses of the corresponding sectors.
yAxisMin, and yAxisMax: minimum and maximum values of the y axes (not yet supported for bar charts). These parameters can be used to invert the scale of a numeric axis by setting the lowest value to the Max and highest value to the Min.
yAxisTitle: captions of the y axes
y1Title, y2Title, …: defines the label of the respective data series in the legend
yGrid: display grid lines on the y axes.
formatjson: format JSON object for better legibility

Template wrappers

The functions mapWrapper and chartWrapper are wrappers to pass all parameters of the calling template to the respective map and chart functions.

Note: In the editor preview the graph extension creates a canvas element with vector graphics. However, when saving the page a PNG raster graphics is generated instead. {{#invoke:Graph|function_wrapper_name}}