Шаблон:Graph:Chart

{{i}} Документація шаблону[перегляд] [редагувати] [історія] [очистити кеш]

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

Приклади

Лінійна діаграма

Один колір

Увага: вісь 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
}}

Див. також