Template:Graph:Chart/testcases

Line chart

{{Graph:Chart|height=100 |type=line |width=400 |x=1,2,3,4,5,6,7,8 |y=10,12,6,14,2,10,7,9}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Area chart

{{Graph:Chart|height=100 |type=area |width=400 |x=1,2,3,4,5,6,7,8 |y=10,12,6,14,2,10,7,9}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Bar chart 1

{{Graph:Chart|height=100 |type=rect |width=400 |x=1,2,3,4,5,6,7,8 |xAxisTitle=X |y=10,12,6,14,2,10,7,9 |yAxisTitle=Y}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Bar chart 2

{{Graph:Chart|height=100 |type=rect |width=400 |x=1,2,3,4,5,6,7,8 |xAxisTitle=X |y=1,1,1,1,2,2,1,1 |yAxisTitle=Y |yType=number}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Line chart - semilog in y with zeroes (no failsafe for log(0))

{{Graph:Chart|height=200 |type=line |width=400 |x=1,2,3,4,5,6,7,8 |y=10,12,6,14,2,0,7,9 |yScaleType=log}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Line chart - semilog in y with zeroes (yAxisMin protection)

{{Graph:Chart|height=200 |type=line |width=400 |x=1,2,3,4,5,6,7,8 |y=10,12,6,14,2,0,7,9 |yAxisMin=1 |yScaleType=log}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Line chart with multiple data series

{{Graph:Chart|colors=#0000aa,#ff8000 |height=100 |legend=Legend |linewidths=1, 10 |type=line |width=400 |x=1,2,3,4,5,6,7,8 |xAxisTitle=X |y1=10,12,6,14,2,10,7,9 |y2=2,4,6,8,13,11,9,2 |yAxisTitle=Y}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Line chart with symbols

{{Graph:Chart|height=100 |showSymbols= |symbolsShape=diamond |type=line |width=400 |x=1,2,3,4,5,6,7,8 |y=10,12,6,14,2,10,7,9}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Line chart with multiple data series and symbols

{{Graph:Chart|colors=#0000aa,#ff8000 |height=100 |legend=Legend |linewidths= |showSymbols=5, 10 |symbolsNoFill= |symbolsShape=square, banana |type=line |width=400 |x=1,2,3,4,5,6,7,8 |xAxisTitle=X |y1=10,12,6,14,2,10,7,9 |y2=2,4,6,8,13,11,9,2 |yAxisTitle=Y}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Area chart with multiple data series

{{Graph:Chart|colors=#800000aa,#80ff8000 |height=100 |legend=Legend |type=area |width=400 |x=1,2,3,4,5,6,7,8 |xAxisTitle=X |y1=10,12,6,14,2,10,7,9 |y2=2,4,6,8,13,11,9,2 |yAxisTitle=Y}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Bar chart with multiple data series

{{Graph:Chart|colors=#800000aa,#80ff8000 |height=100 |legend=Legend |type=rect |width=400 |x=1,2,3,4,5,6,7,8 |xAxisTitle=X |y1=10,12,6,14,2,10,7,9 |y2=2,4,6,8,13,11,9,2 |yAxisTitle=Y}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Area chart with smoothed data values

{{Graph:Chart|colors=seagreen, orchid |height=100 |interpolate=monotone |legend=Legend |type=stackedarea |width=400 |x=1,2,3,4,5,6,7,8 |xAxisTitle=X |y1=10,12,6,14,2,10,7,9 |y2=2,4,6,8,13,11,9,2 |yAxisTitle=Y}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Bar chart with text

{{Graph:Chart|height=100 |showValues=true |type=rect |width=400 |x=1,2,3,4,5,6,7,8 |xAxisTitle=X |y=10,12,6,14,2,10,7,9 |yAxisTitle=Y}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Bar chart with text offset

{{Graph:Chart|height=100 |showValues=offset:1 |type=rect |width=400 |x=1,2,3,4,5,6,7,8 |xAxisTitle=X |y=10,12,6,14,2,10,7,9 |yAxisTitle=Y}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Bar chart with stacked data series

{{Graph:Chart|colors=seagreen, orchid |height=100 |legend=Legend |type=stackedrect |width=400 |x=1,2,3,4,5,6,7,8 |xAxisTitle=X |y1=10,12,6,14,2,10,7,9 |y1Title=Data A |y2=2,4,6,8,13,11,9,2 |y2Title=Data B |yAxisTitle=Y}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Pie chart

{{Graph:Chart|height=100 |legend=Legende |type=pie |width=100 |x=A,B,C,D,E,F,G,H,I |y1=100,200,150,300,100,100,150,50,200}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Pie chart with text

{{Graph:Chart|height=100 |legend=Legende |showValues= |type=pie |width=100 |x=A,B,C,D,E,F,G,H,I |y1=100,200,150,300,100,100,150,50,200}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Pie chart with variable radius

{{Graph:Chart|height=100 |legend=Legende |showValues= |type=pie |width=100 |x=A,B,C,D,E,F,G,H,I |y1=100,200,150,300,100,100,150,50,200 |y2=7,8,9,8,8,9,10,9,5}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Donut chart

{{Graph:Chart|height=100 |innerRadius=40 |legend=Legende |type=pie |width=100 |x=A,B,C,D,E,F,G,H,I |y1=100,200,150,300,100,100,150,50,200}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Line chart with horizontal annotationsonly

{{Graph:Chart|colors=#ffff5ba0, #641050ff, #ffaaff00, |hannotatonslabel=label4, label5, label6 |hannotatonsline=4, 5, 6 |linewidths=2,4,0 |showSymbols=3,3,3 |symbolsShape=triangle_up, cross, banana |type=line |x=0,1,2,3 |y1=0,3.342,2.3423,5.32423 |y2=1,2.342,4.63,2.32423 |y3=3,1.342,2.63,6.32423}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Area chart with vertical annotations only

{{Graph:Chart|colors=#ffff5ba0, #641050ff, #ffaaff00, |type=area |vannotatonslabel=label1, label2, label3 |vannotatonsline=1, 2, 3 |x=0,1,2,3 |y1=0,3.342,2.3423,5.32423 |y2=1,2.342,4.63,2.32423 |y3=3,1.342,2.63,6.32423}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Stacked area chart with annotations

{{Graph:Chart|colors=#ffff5ba0, #641050ff, #ffaaff00, |hannotatonslabel=label4, label5, label6 |hannotatonsline=4, 5, 6 |linewidths=2,4,0 |type=stackedarea |vannotatonslabel=label1, label2, label3 |vannotatonsline=1, 2, 3 |x=0,1,2,3 |y1=0,3.342,2.3423,5.32423 |y2=1,2.342,4.63,2.32423 |y3=3,1.342,2.63,6.32423}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}