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/legende. 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

symbolsNoFill = vul het symbool niet, tekent alleen de omtrek.

symbolsShape

de vorm van het symbool, mogelijke waarden: circle, x, square, cross, diamond, triangle_up, triangle_down, triangle_right, triangle_left. Elke data reeks kan een eigen symbool krijgen, gebruik door komma's gescheiden waarden, bijvoorbeeld: symbolsShape= circle, cross, square

symbolsStroke

Voor "x" symbol en "symbolsNoFill": de dikte van de lijn in pixels, standaard waarde is 2.5.

type

het soort diagram:

area, Vlakdiagram
line, Lijndiagram of Spreidingsdiagram
pie, taartdiagram
rect, Staafdiagram
stackedarea, Gestapeld Vlakdiagram
stackedrect, Gestapeld Staafdiagram

vAnnotatonsLabel: toon verticale annotatielabels bij annotatielijnen, bijvoorbeeld vAnnotationLabel = 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: de x-waarden, gescheiden door komma's, x=a,b,c
xAxisAngle: draaiing van de x-as labels in graden, aanbevolen waarden: -45, +45, -90, +90
xAxisFormat: Formatteer de labels op de x-as. Voor de formattering van numerieken zie https://github.com/d3/d3-3.x-api-reference/blob/master/Formatting.md#numbers, bijvoorbeeld xAxisFormat=% voor percentages. Zie https://github.com/d3/d3-3.x-api-reference/blob/master/Time-Formatting.md voor datum/tijd.
xAxisMin, xAxisMax: voor lijn, spreidings en vlakdiagrammen: minimum en maximum waarden van de x-as. Met deze parameters kan x-as gespiegeld worden door min en max om te draaien. Zet de Max op de laagste waarde, de min op de hoogste.
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.
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.
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}}