Перегляд вихідного коду сторінки Шаблон:Graph:Chart/документація

{{підсторінка документації}}{{Lua|Модуль:Graph}}__NOTOC__

Створює лінійні, площинні, стовпчасті, стосові, секторні та тороїдні діаграми.
<!--
== Параметри ==
{{Module:Graph/doc|chart}} -->

== Приклади ==
=== Лінійна діаграма ===
'''Один колір'''

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

{|
 |
 <nowiki>{{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
}}</nowiki>
 | {{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
}}
 |}

'''Два кольори'''

{|
 |
 <nowiki>{{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
}}</nowiki>
 | {{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'' починається з нуля.

{|
 |
 <nowiki>{{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
}}</nowiki>
 | {{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
}}
 |}

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

{|
 |
 <nowiki>{{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
}}</nowiki>
 | {{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
}}
 |}

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

{|
 |
 <nowiki>{{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
}}</nowiki>
 | {{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
}}
 |}

=== Стовпчаста діаграма ===
'''Один колір'''

{|
 | 
 <nowiki>{{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
}}</nowiki>
 | {{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
}}
 |}

'''Два кольори'''

{|
 |
 <nowiki>{{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
}}</nowiki>
 | {{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
}}
 |}

=== Стосова діаграма ===
'''Два кольори'''

{|
 |
 <nowiki>{{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
}}</nowiki>
 | {{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
}}
 |}

=== Секторна діаграма ===
'''Без числових значень'''

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

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

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

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

{|
 |
 <nowiki>{{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 =
}}</nowiki>
 | {{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 =
}}
 |}

=== Тороїдна діаграма ===
'''Без числових значень'''

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

== Див. також ==
* [[Модуль:Chart]]

<includeonly>
[[Категорія:Шаблони:Графічні]]
</includeonly>