Шаблон:Graph:Chart/документація

Матеріал з Вікімедіа Україна
Перейти до навігації Перейти до пошуку

Створює лінійні, площинні, стовпчасті, стосові, секторні та тороїдні діаграми.

Приклади[ред.]

Лінійна діаграма[ред.]

Один колір

Увага: вісь y починається з найменшого значення y. Цю властивість можна змінити, скориставшись параметром |yAxisMin=.

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

Два кольори

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

Площинна діаграма[ред.]

Один колір

Увага: вісь y починається з нуля.

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

Два кольори (з перекриттям)

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

Два кольори (без перекриття, згладжена)

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

Стовпчаста діаграма[ред.]

Один колір

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

Два кольори

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

Стосова діаграма[ред.]

Два кольори

{{graph:Chart
 | width      = 400
 | height     = 100
 | xAxisTitle = X
 | yAxisTitle = Y
 | legend     = Легенда
 | type       = stackedrect
 | x          = 1,2,3,4,5,6,7,8
 | y1         = 10,12,6,14,2,10,7,9
 | y2         = 2,4,6,8,13,11,9,2
 | y1Title    = Дані А
 | y2Title    = Дані Б
 | colors     = seagreen, orchid
}}

Секторна діаграма[ред.]

Без числових значень

{{graph:Chart
 | width  = 100
 | height = 100
 | type   = pie
 | legend = Легенда
 | x      = А,Б,В,Г,Ґ,Д,Е,Є,Ж
 | y1     = 100,200,150,300,100,100,150,50,200
}}

З числовими значеннями

{{graph:Chart
 | width      = 100
 | height     = 100
 | type       = pie
 | legend     = Легенда
 | x          = А,Б,В,Г,Ґ,Д,Е,Є,Ж
 | y1         = 100,200,150,300,100,100,150,50,200
 | showValues =
}}

З числовими значеннями (секторно-площинна)

{{graph:Chart
 | width      = 100
 | height     = 100
 | type       = pie
 | legend     = Легенда
 | x          = А,Б,В,Г,Ґ,Д,Е,Є,Ж
 | y1         = 100,200,150,300,100,100,150,50,200
 | y2         = 7,8,9,8,8,9,10,9,5
 | showValues =
}}

Тороїдна діаграма[ред.]

Без числових значень

{{graph:Chart
 | width       = 100
 | height      = 100
 | type        = pie
 | innerRadius = 40
 | legend      = Легенда
 | x           = А,Б,В,Г,Ґ,Д,Е,Є,Ж
 | y1          = 100,200,150,300,100,100,150,50,200
}}