Шаблон:Graph:Chart/doc
Этот шаблон реализован на основе Lua с использованием модуля Graph. |
Тавсифи параметрҳо вироиш
- width: бари диаграмма
- height: баландии диаграмма
- type: шакли диаграмма:
line
барои линейных[en],area
барои диаграмм с областями[en],rect
барои (амуди) столбчатых ваpie
барои круговых диаграмм[en]. Тартиби маълумотҳо метавонанд бо префиксиstacked
иваз карда шаванд. Мисол,stackedarea
. - interpolate: метод интерполяции для линейных диаграмм и диаграмм с областями. Рекомендуется использовать
monotone
для монотонной кубической интерполяции[en], другие значения перечислены на https://github.com/vega/vega/wiki/Marks#area. - colors: цветовая палитра диаграммы списком, разделённым запятой. Значения цветов должны указываться в форматах
#rgb
/#rrggbb
/#aarrggbb
или по названию в CSS. В формате#aarrggbb
aa
— альфа-канал, т. е. FF = 100% прозрачности, 80 = 50% прозрачности и т. п. (Стандартная цветовая палитра —category10
.) - xAxisTitle и yAxisTitle: заголовки для осей x и y
- xAxisMin, xAxisMax, yAxisMin и yAxisMax: минимальные и максимальные значения осей x и y (пока не поддерживается для столбчатых диаграмм)
- xAxisFormat и yAxisFormat: меняет форматирование меток у осей. Поддерживаемые значения перечислены на https://github.com/d3/d3-3.x-api-reference/blob/master/Formatting.md#numbers для чисел и https://github.com/d3/d3-3.x-api-reference/blob/master/Time-Formatting.md для дат/времени. Например, формат
%
можно использовать для вывода процентов. - xAxisAngle: поворачивает метки на оси x на указанное число градусов. Рекомендуемые значения: -45, +45, -90, +90
- xType и yType: типы данных для значений, например,
integer
для целых чисел,number
для вещественных чисел,date
для дат (например, ГГГГ/ММ/ДД) иstring
для порядковых значений. - xGrid=x и yGrid=y: включает сетки по осям.
- x: значения x, разделённые запятой.
- y или y1, y2, …: значения y для одной или нескольких рядов данных соответственно. В круговых диаграммах
y2
указывает радиусы соответствующих секторов. - legend: показать легенду (работает для нескольких рядов данных)
- y1Title, y2Title, …: метки соответствующих рядов данных в легенде
- linewidth: ширина линии в линейных диаграммах или расстояние между сегментами круга в круговых диаграммах
- showValues: выводить значения y текстом. (На текущий момент, поддерживаются (нестековые) столбчатые диаграммы и круговые диаграммы.) Вывод может настраиваться через следующие параметры, заданные как
название1:значение1, название2:значение2
:- format: отформатировать вывод в соответствии с https://github.com/d3/d3-3.x-api-reference/blob/master/Formatting.md#numbers для чисел и https://github.com/d3/d3-3.x-api-reference/blob/master/Time-Formatting.md для времени.
- fontcolor: цвет текста
- fontsize: размер текста
- offset: передвинуть текст на заданное расстояние. Для круговых диаграмм с параметром
midangle
и столбчатых диаграмм этот параметр также задаёт, внутри или снаружи находится текст. - angle (только в круговых диаграммах): угол текста в градусах или
midangle
(по умолчанию) для динамических углов на основании среднего угла сектора круговой диаграммы.
- showSymbols: (для линейных диаграмм) показать символ (круг) на каждой точке данных.
- innerRadius: (для круговых диаграмм) задаёт внутренний радиус для создания «диаграммы-пончика».
Диққат: Ҳангоми пешнамоиш, модуи Graph элементи дорои графикаи векториро canvas эҷод мекунад. Пас аз сабт кардан, тасвири PNG тавлид мешавад.
Мисолҳо вироиш
Графики хатӣ:
{{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}}
Note: The y-axis starts from the smallest y value, though this can be overridden with the yAxisMin
parameter.
Диаграмма бо минтақаҳо:
{{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}}
Note: The y-axis starts from zero
Диаграммаи сутунӣ:
{{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}}
Line chart with more than one data series, using colors:
{{Graph:Chart|width=400|height=100|xAxisTitle=X|yAxisTitle=Y|legend=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}}
Area chart with more than one data series showing blended overlap:
{{Graph:Chart|width=400|height=100|xAxisTitle=X|yAxisTitle=Y|legend=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}}
Bar chart with multiple data series:
{{Graph:Chart|width=400|height=100|xAxisTitle=X|yAxisTitle=Y|legend=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}}
Area chart with smoothed data values:
{{Graph:Chart|width=400|height=100|xAxisTitle=X|yAxisTitle=Y|legend=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}}
Bar chart with stacked data series:
{{Graph:Chart|width=400|height=100|xAxisTitle=X|yAxisTitle=Y|legend=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=Data A|y2Title=Data B|colors=seagreen, orchid}}
{{Graph:Chart|width=100|height=100|type=pie|legend=Legende|x=A,B,C,D,E,F,G,H,I|y1=100,200,150,300,100,100,150,50,200}}
{{Graph:Chart|width=100|height=100|type=pie|legend=Legende|x=A,B,C,D,E,F,G,H,I|y1=100,200,150,300,100,100,150,50,200|showValues=}}
{{Graph:Chart|width=100|height=100|type=pie|legend=Legende|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|showValues=}}
{{Graph:Chart|width=100|height=100|type=pie|innerRadius=40|legend=Legende|x=A,B,C,D,E,F,G,H,I|y1=100,200,150,300,100,100,150,50,200}}
Маълумот дар бораи шаблон вироиш
Шаклҳои гуногуни диаграммаро дохил мекунад
Параметр | Тавзеҳот | Type | Status | |
---|---|---|---|---|
width | width | no description | Unknown | suggested |
height | height | no description | Unknown | suggested |
type | type | no description | Unknown | suggested |
interpolate | interpolate | no description | Unknown | optional |
colors | colors | no description | Unknown | optional |
xAxisTitle | xAxisTitle | no description | Unknown | optional |
yAxisTitle | yAxisTitle | no description | Unknown | optional |
xAxisMin | xAxisMin | no description | Unknown | optional |
xAxisMax | xAxisMax | no description | Unknown | optional |
yAxisMin | yAxisMin | no description | Unknown | optional |
yAxisMax | yAxisMax | no description | Unknown | optional |
xAxisFormat | xAxisFormat | no description | Unknown | optional |
yAxisFormat | yAxisFormat | no description | Unknown | optional |
xAxisAngle | xAxisAngle | no description | Unknown | optional |
xType | xType | no description | Unknown | optional |
yType | yType | no description | Unknown | optional |
x | x | no description | Unknown | required |
y | y y1 | no description | Unknown | required |
legend | legend | no description | Unknown | optional |
y1Title | y1Title | no description | Unknown | optional |
linewidth | linewidth | no description | Unknown | optional |
showValues | showValues | no description | Unknown | optional |
showSymbols | showSymbols | no description | Unknown | optional |
innerRadius | innerRadius | no description | Unknown | optional |