Predefinição:Gráfico/doc
![]() | Esta é uma subpágina de documentação para a Predefinição:Gráfico. Ela contém informações sobre o seu uso, categorias, bem como todo o conteúdo que não faz parte da predefinição original. |
![]() | Esta predefinição usa Lua: |
![]() | Essa predefinição utiliza TemplateStylesEN: |
Parâmetros
[editar código-fonte]- width: largura do gráfico;
- height: altura do gráfico;
- type: tipo de gráfico.: line para gráfico de linha, area para gráfico#Área e rect para gráfico de barras. Pode-se empilhar múltiplas séries utilizando o prefixo stacked, por exemplo stackedarea;
- interpolate: a interpolação é um método para gráficos de linha e de áreas. Recomenda-se usar monotone para uma interpolação cúbica monótona — para mais informação, veja [1];
- colors: cores das séries do gráfico, separadas por vírgula. Estas podem ser usadas em formato #rgb/#rrggbb/#aarrggbb ou pelo nome CSS. Para #aarrggbb, o componente aa é a composição alfa, por exemplo FF=100% de opacidade, 80=50% de opacidade/transparência, etc. (A paleta predeterminada está em category10);
- xAxisTitle e yAxisTitle: etiquetas para os eixos x e y;
- xAxisMin, xAxisMax, yAxisMin e yAxisMax: valores mínimos e máximos dos eixos x e y;
- xAxisFormat e yAxisFormat: muda o formato das etiquetas dos eixos. Os valores admitidos se numeram em [2]. Por exemplo, pode-se usar o formato d para suprimir os separadores para os números de ano;
- x: os valores de x em uma lista separada por vírgulas;
- y ou y1, y2, …: os valores de y para uma ou várias séries de dados, respectivamente;
- legend: título da legenda (somente funciona quando há várias séries de dados);
- y1Title, y2Title, …: define a etiqueta da respectiva série de dados na legenda;
- linewidth: espessura da linha para gráficos de linha ou distância entre os segmentos para os gráficos de pizza;
- showValues: Adicionalmente, mostra os valores de y como texto. (Atualmente, somente gráficos de barras e de pizza não empilhados são suportados) A saída pode ser configurada usando-se os seguintes parâmetros providos como name1:value1, name2:value2:
- format: Formata a saída de acordo com [3] para números e [4] para data/tempo;
- fontcolor: cor do texto;
- fontsize: tamanho do texto
- offset: Move o texto pelo offset dado. Para gráficos de barras e de pizza com ângulo médio isto também define se o texto fica dentro ou fora do gráfic;
- angle (apenas para gráficos de pizza): ângulo do texto em graus ou graus médios (default) para ângulos dinâmicos baseados em ângulos médios do setor da pizza.
- innerRadius: Para gráficos de pizza: define o ráio interior para criar um gráfico de donut.
Nota: Na pré-visualização da edição, a extensão um elemento de tela com gráficos vetoriais. No entanto, ao salvar a página, os gráficos são rasterizados para um png.
Exemplos
[editar código-fonte]Gráfico de linha:
{{Gráfico|width=400|height=100|type=line|x=1,2,3,4,5,6,7,8|y=10,12,6,14,2,10,7,9}}
![]() | Esta página contém um gráfico que utiliza a extensão <graph> . A extensão está temporariamente indisponível e será reativada quando possível. Para mais informações, consulte o ticket T334940. |
Nota: O eixo y começa do menor valor de y, apesar de isso poder ser substituído com o parâmetro yAxisMin.
Gráfico de área:
{{Gráfico|width=400|height=100|type=area|x=1,2,3,4,5,6,7,8|y=10,12,6,14,2,10,7,9}}
![]() | Esta página contém um gráfico que utiliza a extensão <graph> . A extensão está temporariamente indisponível e será reativada quando possível. Para mais informações, consulte o ticket T334940. |
Nota: o eixo y começa em 0
Gráfico de barra:
{{Gráfico|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}}
![]() | Esta página contém um gráfico que utiliza a extensão <graph> . A extensão está temporariamente indisponível e será reativada quando possível. Para mais informações, consulte o ticket T334940. |
Gráfico de linha com mais de uma série de dados, usando cores:
{{Gráfico|width=400|height=100|xAxisTitle=X|yAxisTitle=Y|legend=Legenda|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}}
![]() | Esta página contém um gráfico que utiliza a extensão <graph> . A extensão está temporariamente indisponível e será reativada quando possível. Para mais informações, consulte o ticket T334940. |
Gráfico de área com mais de uma série de dados mostrando uma sobreposição homogênea:
{{Gráfico|width=400|height=100|xAxisTitle=X|yAxisTitle=Y|legend=Legenda|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}}
![]() | Esta página contém um gráfico que utiliza a extensão <graph> . A extensão está temporariamente indisponível e será reativada quando possível. Para mais informações, consulte o ticket T334940. |
Gráfico de barras com múltiplas séries de dados:
{{Gráfico|width=400|height=100|xAxisTitle=X|yAxisTitle=Y|legend=Legenda|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}}
![]() | Esta página contém um gráfico que utiliza a extensão <graph> . A extensão está temporariamente indisponível e será reativada quando possível. Para mais informações, consulte o ticket T334940. |
Gráfico de área com valores de dados suavizados:
{{Gráfico|width=400|height=100|xAxisTitle=X|yAxisTitle=Y|legend=Legenda|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}}
![]() | Esta página contém um gráfico que utiliza a extensão <graph> . A extensão está temporariamente indisponível e será reativada quando possível. Para mais informações, consulte o ticket T334940. |
Gráfico de barras com séries de dados empilhados:
{{Gráfico|width=400|height=100|xAxisTitle=X|yAxisTitle=Y|legend=Legenda|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=Dados A|y2Title=Dados B|colors=seagreen, orchid}}
![]() | Esta página contém um gráfico que utiliza a extensão <graph> . A extensão está temporariamente indisponível e será reativada quando possível. Para mais informações, consulte o ticket T334940. |
{{Gráfico|width=100|height=100|type=pie|legend=Legenda|x=A,B,C,D,E,F,G,H,I|y1=100,200,150,300,100,100,150,50,200}}
![]() | Esta página contém um gráfico que utiliza a extensão <graph> . A extensão está temporariamente indisponível e será reativada quando possível. Para mais informações, consulte o ticket T334940. |
{{Gráfico|width=100|height=100|type=pie|legend=Legenda|x=A,B,C,D,E,F,G,H,I|y1=100,200,150,300,100,100,150,50,200|showValues=}}
![]() | Esta página contém um gráfico que utiliza a extensão <graph> . A extensão está temporariamente indisponível e será reativada quando possível. Para mais informações, consulte o ticket T334940. |
{{Gráfico|width=100|height=100|type=pie|legend=Legenda|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=}}
![]() | Esta página contém um gráfico que utiliza a extensão <graph> . A extensão está temporariamente indisponível e será reativada quando possível. Para mais informações, consulte o ticket T334940. |
{{Gráfico|width=100|height=100|type=pie|innerRadius=40|legend=Legenda|x=A,B,C,D,E,F,G,H,I|y1=100,200,150,300,100,100,150,50,200}}
![]() | Esta página contém um gráfico que utiliza a extensão <graph> . A extensão está temporariamente indisponível e será reativada quando possível. Para mais informações, consulte o ticket T334940. |