사용법
이 템플릿은 ASCII 예술과 같은 구문을 느슨하게 기반으로 상자와 연결선으로 구성된 "패밀리 트리"와 같은 차트에서 한 행을 생성한다.{{Tree chart/start} 및 {{Tree chart/end}}과(와) 함께 사용하도록 되어 있다.차트는 CSS 속성을 사용하여 HTML 테이블로 표시되며 상자 내에 임의의 위키 마크를 포함할 수 있다.이 구현은 현재 사용되지 않는 {{패밀리 트리} 템플릿에 기초하였다.
기본 예
다음 코드:
{{트리 차트/시작 얼라이너=중앙 요약=예: 패밀리 트리}}{트리 차트 GrMa ~ y ~ GRP GrMa=그랑마 GRP=그랑파}{{트리 차트 MOM Y DADY MOM=Mom DADY=DADY=[Aunt Daisy] {{트리 차트 MOREMOREMORDY]{{}}}}{{트리 차트, - + - - - - }}}{트리 차트 JOE ME SIS JOE='Me!'"동생 조 ME='Me!'"SIS=}}}{트리 차트/end}}}}} 다음을 생성한다.
| | | 할머니 | | | | 할아버지 | |
| | | |
| | | | | | | | | | | | | | |
| | | | |
| | 엄마 | | 아빠 | | 데이지 이모 |
| |
| | | | | | | | | | | | | | | |
| | | | | | | | | | |
| 내 동생 조 | | 나! | | 내 여동생. | | |
|
이 도표는 나에게 남동생 조와 여동생이 있다는 정보를 시각적으로 보여주고, 엄마는 아빠와 결혼했고, 아빠의 부모님은 할머니와 할아버지였고, 아빠의 부모님은 데이지 이모라는 또 다른 아이를 가졌다.위의 코드는 아래와 같이 9행 x 18열 크기의 표를 생성한다.
접을 수 있는 기본 예
이 코드는 {{chart top}}을(를) 사용한다.
{{차트 상단 예시 패밀리 트리}}}{트리 차트/시작 정렬=중앙}{트리 차트 GrMa ~ y ~ GRP GrMa=그랜마 GRP=그랑파}} - .{{트리 차트 MOM Y DADY MOM=맘 DADY=아빠 데이지=[아운트 데이지]]{{}}}}{{트리 차트, - + - - - - .}} {{트리 차트 JOE ME SIS JOE='Me!'"동생 Joe ME='Me!'"SIS=}}}{트리 차트/end}}}{{차트 하단}}}}}}} 다음을 생성한다.
| 가계도의 예 |
| | | 할머니 | | | | 할아버지 | | | | | | | | | | | | | | | | | | | | | | | | | | | | 엄마 | | 아빠 | | 데이지 이모 | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | 내 동생 조 | | 나! | | 내 여동생. | | | |
|
이 도표는 나에게 남동생 조와 여동생이 있다는 정보를 시각적으로 보여주고, 엄마는 아빠와 결혼했고, 아빠의 부모님은 할머니와 할아버지였고, 아빠의 부모님은 데이지 이모라는 또 다른 아이를 가졌다.
매개변수
템플릿은 타일 또는 상자를 지정하는 각 매개 변수와 함께 이름 없는 매개 변수를 얼마든지 허용한다.
- 상자에는 임의의 위키 마크업이 포함될 수 있다.각 상자의 내용은 템플릿 호출에 추가된 명명된 매개 변수를 사용하여 지정된다.각 상자는 3개의 타일 너비로 보통 2픽셀 너비의 검은색 테두리를 가지고 있다.상자는 최소 두 개의 알파벳 문자를 따르는 유효한 템플릿 매개 변수 이름인 모든 이름을 가질 수 있다.
- 타일은 상자를 연결하는 데 사용되는 선 그리기 기호다.필요에 따라 모서리와 교차점과 함께 다양한 스타일의 수평 및 수직선으로 구성된다.타일은 1자 또는 2자 이름을 사용하여 지정된다. 가장 일반적인 타일의 경우 해당 문자는 타일의 모양과 거의 유사하다.기와의 특별한 경우는 빈 기와로, 하나의 공백 문자로 지정된다.이용 가능한 타일 표가 아래에 제시되어 있다.
실선: ! | | | , | | | v | | | . | | |
- | | | ) | | | + | | | ( | | |
| | | ` | | | ^ | | | ' | | |
점선: : | | | F | | | V | | | 7 | | |
~ | | | D | | | % | | | C | | |
| | | L | | | A | | | J | | |
점선: Q | | | S | | | M | | | T | | |
P | | | H | | | R | | | G | | |
| | | Y | | | W | | | Z | | |
대시 hrzntl 솔리드 vrtcl: fy | | y | | ye | |
f | | t | | e | |
fh | | h | | he | |
솔리드 hrzntl 대시 vrtcl: dj | | j | | jc | |
d | | * | | c | |
di | | i | | ic | |
솔리드 hrzntl 도트 vrtcl: kr | | r | | rl | |
k | | a | | l | |
kq | | q | | ql | |
점선 hrzntl 도트 vrtcl: kr2 | | r2 | | rl2 | |
k2 | | a2 | | l2 | |
kq2 | | q2 | | ql2 | |
도트 hrzntl 솔리드 vrtcl: om | | m | | mp | |
o | | b | | p | |
on | | n | | np | |
도트 hrzntl 대시 vrtcl: om2 | | m2 | | mp2 | |
o2 | | b2 | | p2 | |
on2 | | n2 | | np2 | |
기타(패밀리 트리에서 회색 배경을 사용할 수 없거나 패밀리 트리에서 변경): k3 | | T2 | | l3 | | b3 | |
G2 | | X | | K | | l4 | |
| | U | | E | |
스타일 속성
연속된 상자의 모양은 다음과 같은 옵션 템플릿 매개 변수로 제어할 수 있다.
- 테두리는 상자 테두리의 너비(픽셀)를 지정한다.
- 박스 스타일은 임의의 CSS 선언을 박스 스타일 속성에 직접 추가하는 데 사용할 수 있다.예를 들어 다음 코드를 입력하십시오.
{{Tree chart/start}} {{Tree chart border=1 boxstyle=color:white; background:green; FOO y BAR FOO=Box 1 BAR=Box 2}} {{Tree chart , - ^ - . }} {{Tree chart border=3 boxstyle=background:yellow; FOO BAR FOO=Box 3 BAR=Box 4}} {{Tree chart/end}} 이 차트 생성:
스타일 속성은 아래 예와 같이 각 행의 개별 상자에 대해서도 설정할 수 있다.
{{트리차트/시작}}{트리차트 CLEAR=클리어박스}}{트리차트, - '!', - }}}{트리차트 RED ~ 녹색~파랑빨간색=녹색상자BLUE=BLUE 박스스타일_}RED = color:white, background-color:red, boxstyle_GREN=color:노란색, background-color: green, boxstyle_BLUE = color:white; 배경색:파란색;{{트리 차트/엔드}}} 이를 통해 다음을 실현할 수 있다.
'주:' 개별 명명된 상자에 스타일 속성을 지정할 때 "와 같이 템플릿 호출에서 해당 이름을 위해 예약된 영역의 왼쪽에 상자 이름이 정렬되었는지 확인하십시오. RED " 대신 " RED 위의 예에서), 그렇지 않으면 템플릿은 이름에 공백이 있는 스타일 매개변수를 찾게 될 것이다.
{{Tree chart/start} 템플릿에도 옵션 적용 가능 style=전체 다이어그램에 대한 CSS 스타일을 설정하는 데 사용할 수 있는 파라미터 및 옵션 align=차트 정렬을 설정하는 매개 변수.
참고 항목
템플릿 설명서
'주:' 개별 명명된 상자에 스타일 속성을 지정할 때 "와 같이 템플릿 호출에서 해당 이름을 위해 예약된 영역의 왼쪽에 상자 이름이 정렬되었는지 확인하십시오.
