Abrir menu principal

Predefinição:Chart

Revisão de 21h13min de 7 de junho de 2020 por Campari (discussão | contribs) (Criou página com '<includeonly>{{#invoke:TreeChart|main}}</includeonly><noinclude> {{Documentação}} </noinclude>')
(dif) ← Edição anterior | Revisão atual (dif) | Versão posterior → (dif)
Documentação da predefinição[ver] [editar] [histórico] [purgar]


Uso

Este modelo produz um gráfico numa ficha tipo "árvore genealógica" que consiste em caixas e linhas de conexão baseadas livremente numa sintaxe similar ao ASCII art. Está destinado a usar-se junto com {{Chart/start}} e {{Chart/end}}. O gráfico mostra-se como tabelas HTML utilizando os atributos CSS, e pode conter wikitexto arbitrário dentro dos quadros. Esta implementação baseou-se no modelo agora obsoleto {{árvore genealógica}}.

NOTA: O modelo também funciona com o nome abreviado de {{chart}}.

Exemplo básico

Este código:

{{Chart/start|align=center|summary=Um exemplo de árvore genealógica}}
{{Chart||| |Aba |~|e|~| Abo||Aba=Avó|Abo=Avô}}
{{Chart||||||| |)|-|-|-|.| }}
{{Chart||| Mad |e| Pad||DAISY|Mad=Mãe|Pad=Pai|DAISY=[[Tia Daisy]]}}
{{Chart| |,|-|-|-|+|-|-|-|.||| }}
{{Chart| JOE|| EU || HMA|| |JOE=Meu irmão Joe|EU='''Eu!'''|HMA=Minha irmã pequena}}
{{Chart/end}}

produz isto:

Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.

Este quadro mostra visualmente a informação de que tenho um irmão Joe e uma irmã pequena; minha mãe casou-se com meu pai; e os pais de meu pai eram avó e avô; e os pais de meu pai tiveram outro filho, tia Daisy. O código anterior produz uma tabela de tamanho 9 bichas x 10 colunas como se mostra a seguir.

A estrutura da tabela criada usando o exemplo anterior

Exemplo básico colapsable

Este código usa {{chart top}}: <pré> {{chart top|Um exemplo de árvore genealógica}} {{Chart/start|align=center}} {{Chart||| |Aba |~|e|~| Abo||Aba=Avó|Abo=Avô}} {{Chart||||||| |)|-|-|-|.| }} {{Chart||| Mad |e| Pad||DAISY|Mad=Mãe|Pad=Pai|DAISY=[[Tia Daisy]]}} {{Chart| |,|-|-|-|+|-|-|-|.||| }} {{Chart| JOE|| EU || HMA|| |JOE=Meu irmão Joe|EU='''Eu!'''|HMA=Minha irmã pequena}} {{Chart/end}} {{chart bottom}} </pré>

produz isto: Predefinição:Chart top

Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.

Predefinição:Chart bottom

Este quadro mostra visualmente a informação de que tenho um irmão Joe e uma irmã pequena; minha mãe casou-se com meu pai; e os pais de meu pai eram avó e avô; e os pais de meu pai tiveram outro filho, tia Daisy.

Parâmetros

O modelo aceita qualquer número de parâmetros sem nome e cada parâmetro especifica um box (caixa) ou um tile (conector).

  • Boxes (caixas) podem conter wikitexto arbitrário. O conteúdo de cada quadro especifica-se utilizando parâmetros com nome adicionais agregados ao telefonema de modelo. Cada caixa tem três lacunas de largura e normalmente tem uma borda negra de dois pixels de largura. Os quadros podem ter qualquer nome que seja um nome de parâmetro de modelo válido, sujeito a um mínimo de dois caracteres alfabéticos.
  • Tiles (conectores) são símbolos de desenho linear utilizados para ligar as caixas. Cada conector ocupa uma lacuna de largura. Consistem em vários estilos de linhas horizontais e verticais junto com cantos e cruzes segundo seja necessário. As fichas especificam-se utilizando seu nome de um ou dois caracteres: para as fichas mais comuns, esse carácter é mais ou menos aproximado à aparência da ficha. Um caso especial é o conector vazio, especificado por um sozinho carácter de espaço. A seguir mostra-se uma tabela de conectores disponíveis:
Linhas sólidas:
! Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
  , Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
  v Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
  . Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
 
- Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
  ) Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
  + Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
  ( Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
 
` Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
  ^ Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
  ' Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
 
Linhas de guiões:
: Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
  F Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
  V Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
  7 Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
 
~ Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
  D Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
  % Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
  C Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
 
L Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
  A Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
  J Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
 
Linhas punteadas:
Q Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
  S Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
  M Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
  T Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
 
P Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
  H Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
  R Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
  G Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
 
E Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
  W Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
  Z Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
 
Guiões horiz sólido vert:
fy Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
e Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
ye Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
f Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
t Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
e Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
fh Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
h Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
tenho Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
Sólido horiz guiões vert:
dj Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
j Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
jc Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
d Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
* Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
c Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
di Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
i Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
ic Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
Sólido horiz pontos vert:
kr Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
r Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
rl Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
k Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
a Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
l Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
kq Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
q Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
ql Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
Guiões horiz pontos vert:
kr2 Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
r2 Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
rl2 Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
k2 Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
a2 Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
l2 Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
kq2 Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
q2 Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
ql2 Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
Pontos horiz sólido vert:
om Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
m Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
mp Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
ou Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
b Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
p Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
on Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
n Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
np Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
Pontos horiz guiões vert:
om2 Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
m2 Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
mp2 Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
ou2 Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
b2 Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
p2 Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
on2 Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
n2 Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
np2 Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
Vários:
T2 Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
G2 Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
X Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
K Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
l4 Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
Ou Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.

Atributos de estilo

A aparência dos quadros numa bicha pode-se controlar mediante os seguintes parâmetros de modelo opcionais:

  • border especifica o largo da borda do quadro em pixels,
  • boxstyle pode-se usar para agregar declarações arbitrárias CSS directamente aos atributos de estilo de caixa. Por exemplo, o seguinte código:

<pré> {{Chart/start}} {{Chart|border=1|boxstyle=color:white; background:green;|| FOO |e| BAR||FOO=Box 1|BAR=Box 2}} {{Chart|||,|-|^|-|.||}} {{Chart|border=3|boxstyle=background:yellow;|| FOO|| BAR||FOO=Box 3|BAR=Box 4}} {{Chart/end}} </pré>

produz este quadro:

Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.

Os atributos de estilo inclusive podem-se estabelecer para quadros individuais dentro de cada bicha, como no seguinte exemplo:

<pré> {{Chart/start}} {{Chart|||||CLEAR|||||CLEAR=Clear box}} {{Chart| |,|-|-|'|!|`|-|-|.| }} {{Chart|REDE |~|GREEN|~|BLUE |REDE=Rede box|GREEN=Green box|BLUE=Blue box |boxstyle_REDE =color:white; background-color: rede; |boxstyle_GREEN=color:yellow; background-color: green; |boxstyle_BLUE =color:white; background-color: blue; }} {{Chart/end}} </pré>

que produz isto:

Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.

Nota: Ao especificar atributos de estilo para quadros com nome individuais, assegure-se de que os nomes dos quadros estejam alinhados com o lado esquerdo da área reservada para eles no telefonema de modelo (como em "|REDE  |"em lugar de"| REDE |" no exemplo anterior), caso contrário, o modelo terminará procurando um parâmetro de estilo com espaços em seu nome.

O modelo {{Chart/start}} também aceita um parâmetro opcional Predefinição:Param que se pode usar para estabelecer estilos CSS pára todo o diagrama, e um parâmetro opcional Predefinição:Param para estabelecer o alinhamento do gráfico.

Migração desde árvore genealógica

O modelo {{chart}} é amplamente compatível com o modelo anterior {{árvore genealógica}}. No entanto, para usar a funcionalidade adicional que se oferece com este modelo, os diagramas devem se actualizar para usar {{chart}} em seu lugar. Muitos diagramas de {{árvore genealógica}} podem modificar-se para usar {{chart}} simplesmente substituindo o wikitexto árvore genealógica por chart. Alguns dos conectores "mistos" tiveram que ser renomeados, e os diagramas {{árvore genealógica}} que usam estes conectores terão que fazer algumas mudanças. Ademais, incluíram-se três conectores "vários" nesta lista que não têm mudado: K, Ou, X.

Conectores modificados
Tile {{árvore genealógica}} {{chart}} Notas sobre
parâmetros
Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
{ c Mudado
Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
} d Mudado
Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
# t Mudado
Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
[ e Mudado
Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
] f Mudado
Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
b dei Mudado
Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
c fh Mudado
Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
d ic Mudado
Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
j tenho Mudado
Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
n ye Mudado
Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
p om2 Mudado
Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
q mp2 Mudado
Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
r kr2 Mudado
Conectores vários
Conector {{árvore genealógica}} {{chart}} Notas sobre
parâmetros
Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
G G2 Mudado
Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
K K Igual
Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
T T2 Mudado
Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
Ou Ou Igual
Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
X X Igual
Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
k l4 Mudado

Ao converter de {{árvore genealógica}} a {{chart}} deve-se ter cuidado com todos os glifos mencionados nesta secção para gerar conectores com {{árvore genealógica}}, tendo cuidado ao os modificar para que os conectores não se alterem, sendo substituídos por conectores inapropiados de {{chart}}.

Por exemplo: o glifo "k" gera o conector Predefinição:Familytree/startPredefinição:Árvore genealógicaPredefinição:Familytree/end com {{árvore genealógica}} mas Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
com {{chart}} (em vez de usar "l4" para gerar Erro em Lua em package.lua na linha 80: module 'Module:TreeChart/data' not found.
com {{chart}}).

Por último, se algum uso do modelo {{árvore genealógica}} termina com |}}, essa barra vertical deve eliminar-se, deixando a última cela nessa ficha que contenha texto ou um espaço.

A ferramenta familytree.js pode-se usar para converter as diferentes sintaxes. Simplesmente mude-se a etiqueta de início editando o código, depois clique-se em "Art → Predefinições" para voltar à vista de wikitexto. Os outros modelos actualizar-se-ão para que coincidam.

Ver também