Template:Graph:Stacked/testcases

This is the template test cases page for the sandbox of Template:Graph:Stacked.
Purge this page to update the examples.

More information and options

If there are many examples of a complicated template on this page, those toward the end of the page may malfunction due to MediaWiki limits. If this occurs, see the "NewPP limit report" comment added to the rendered page.
You can also use Special:ExpandTemplates to examine the results of template use.

View this page in the skin:

Test legend ordering with explicate `series` parameter

Series order and legend order should match each other

series="TX","NY","CA" ( colors=#1f77b4, #ff7f0e, #2ca02c )

See or edit source data.

series="NY","CA","TX" ( colors=#ff7f0e, #2ca02c, #1f77b4 )

See or edit source data.

series="TX","NY","CA" ( colors=#2ca02c, #1f77b4, #ff7f0e )

See or edit source data.

Test dataset optional filtering (e.g. for limiting x-axis displayed range)

without filtering (default width)

See or edit source data.

filter = 2000 <= datum.year && datum.year <= 2010

See or edit source data.

filter = datum.year <= 2010

See or edit source data.

Test optional arbitrary ("raw") data transforms

filter = 2000 <= datum.year && datum.year <= 2010

See or edit source data.

dataTransforms = { "type": "filter", ... }, { "type": "filter", ... }

See or edit source data.

Test different colors list formats

colors=["#1f77b4", "#ff7f0e", "#2ca02c"]

See or edit source data.

colors=["rgba(31,119,180,80%)", "rgba(255,127,14,80%)", "rgba(44,160,44,80%)"]

See or edit source data.

colors=rgb(31 119 180 / 70%), rgb(255 127 14 / 70%), rgb(44 160 44 / 70%)

See or edit source data.

colors="category20"

See or edit source data.

colorscheme=category20

See or edit source data.

Test chart sizing (enabling/disabling chart width grows)

without explicit `chartSizing` (default chart sizing model)

See or edit source data.

chartSizing=fit | chartSizing=padding-box

See or edit source data.

chartSizing=pad | chartSizing=content-box

See or edit source data.

Test chart title positioning

default chart title positioning

See or edit source data.

titleXAlign=left

See or edit source data.

titleXAlign=right

See or edit source data.

titleXAlign=center

See or edit source data.

titleXAlign=center | titleXOffset=80

See or edit source data.

Test axis domain min/max values values + clamping

It is possible to extend axis scales. And it is possible to shrink axis scale by manually providing scale domain min/max values, however without having "clamp":true it will not crop data plotting itself, but only affect axis positioning on graph, while adding "clamp":true actually applies data plotting cropping.

type=year

xAxisMin=1994 | xAxisMax=2020 | yAxisMax=8000000

See or edit source data.

xAxisMin=1999 | xAxisMax=2014 | yAxisMax=4500000 | (without clamping)

See or edit source data.

xAxisMin=1999 | xAxisMax=2014 | yAxisMax=4500000 | xAxisClamp=true | yAxisClamp=true

See or edit source data.

type=linear

xAxisZero=false | xAxisMin=1994 | xAxisMax=2020 | yAxisMax=8000000

See or edit source data.

xAxisZero=false | xAxisMin=1999 | xAxisMax=2014 | yAxisMax=4500000 | xAxisClamp=true | yAxisClamp=true

See or edit source data.

Test axis marks font size, angle + test legend labels transform

xAxisAngle = -25 | xAxisFontSize = 20 | yAxisAngle = 25 | yAxisFontSize = 20 | labelsTransforms = { ... }

See or edit source data.

Test annotations

type=year

hAnnotationsValues = {"text": "v 4.75", "y": 4750000} | vAnnotationsValues = {"text": "v 2002", "x": 2002}

See or edit source data.

hAnnotationsTable = ... | hAnnotationsTransforms = ... | vAnnotationsTable = ... | vAnnotationsTransforms = ...

See or edit source data.

type=linear

hAnnotationsValues = {"text": "v 4.75", "y": 4750000} | vAnnotationsValues = {"text": "v 2002", "x": 2002}

See or edit source data.

hAnnotationsTable = ... | hAnnotationsTransforms = ... | vAnnotationsTable = ... | vAnnotationsTransforms = ...

See or edit source data.