Шаблон: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 }}

Див. також

• Модуль:Chart