틀:차트

{{차트}} 정보를 입력하는 틀로서 {{가계도}}와 같으며, 차이 점은 입력 문자가 한글자모를 활용한 직관적인 문자를 사용한다.

위키백과의 틀과는 호환이 되지 않는다.

차트틀 구조

{{차트}} 틀을 구성하는 전체적인 구성은 다음과 같다. {{차트}}는 {{차트 시작}} 과 {{차트 끝}} 사이에 위치하며 여러개의 {{차트}}틀을 사용할 수 있다.

추가적으로 차트 시작, 끝을 {{차트 상단}}과 {{차트 하단}}으로 전체를 감싸는 구조이다. 이는 가시성을 보다 좋게한다.

일반적인 차트 구조

{{차트 상단 |제목= |제목색= |접기= }} 
{{차트 시작}}       
{{차트 |..|..|.. |.. }}
 //
 //
{{차트 |..|..|.. |.. }}
{{차트 끝}}    
{{차트 하단}}

복잡한 차트 구조

매개변수가 많은 복잡한 차트에서는 {{차트}} 대신 {{차트q}}를 사용한다. {{차트}}를 사용할 때는 매개변수가 모두에 실선만 있는 경우(파선, 파선 혼합이 하나라도 있으면 {{차트}} 사용)에 사용해야 한다.

{{차트 상단 |제목= |제목색= |접기= }} 
{{차트 시작}}       
{{차트q |..|..|.. |.. }}
 //
 //
{{차트q |..|..|.. |.. }}
{{차트 끝}}    
{{차트 하단}}

사용방법

다른 뜻에 대해서는 틀:가계도 문서를 참조하세요.

|문자1: 아래 단락의 입력문자중 하나를 입력한다.
|문자2: 아래 단락의 입력문자중 하나를 입력한다.
|문자3: 아래 단락의 입력문자중 하나를 입력한다.; //; //
|문자40: 아래 단락의 입력문자를 입력한다.

입력문자 및 결과

차트 입력문자

아래의 코드는 가계도 틀의 결과와 동일하나 직관적으로 사용할 수 있게 하였다. 가계도 입력문자와 비교하자.

입력문자는 한글자모를 사용하여 입력의 편리성/직관성을 주었으며, 파선과 실선,파선 혼합은 다음과 같은 문자조합으로 되어있다.

파선: 세로줄(!)^[1] → (;)^[2]; 가로줄(ㅡ)^[3] → (--)^[4]; 나머지문자 → 실선문자 + 점(.)

파선 문자에서 ; 와 -- , 나머지는 실선 문자에 . 를 추가하여 사용한다.

파선 혼합: 세로줄 파선 → 실선 한글자모 + (;); 가로줄 파선 → 실선 한글자모 + (-)

혼합 문자에서 세로방향 점선은 실선 문자에 ; 를, 가로방향 점선은 실선 문자에 - 를 추가하여 사용한다.

실선

　!

　(

　ㅜ

　ㄱ

　ㅡ

　ㅏ

　+

　ㅓ

　ㄴ

　ㅗ

　)

파선

　;

　(.

　ㅜ.

　ㄱ.

　--

　ㅏ.

　+.

　ㅓ.

　ㄴ.

　ㅗ.

　).

혼합

　ㅜ;

　ㅜ-

　ㅏ;

　+;

　ㅓ;

　ㅏ-

　+-

　ㅓ-

　ㅗ;

　ㅗ-

추가적으로 입력가능한 문자는 .., 빈칸, 문자열이다.
{{차트|문자1|문자2|...}}를 입력할 때는 위, 아래로 {{차트 시작}}과 {{차트 끝}}을 사용하여야 한다.

가계도 입력문자

아래 코드는 가계도 틀의 입력값과 이다.
이 주제에 대한 자세한 내용은 틀:가계도 문서를 봐 주세요.

가계도 입력문자

　!

　,

　v

　.

　-

　)

　+

　(

　`

　^

　'

　:

　F

　V

　7

　~

　D

　%

　C

　L

　A

　J

　j

　y

　d

　*

　c

　f

　t

　e

　i

　h

사용예

접히기 기능

팁

- 차트를 만들때 들어갈 이름항목은 한 두글자로 미리 입력해 놓고 전체 차트가 제대로 만들어진 후에 최종적으로 상세 글자를 입력한다.

- 차트 입력문자를 입력할 때 위 아래 차트 틀의 줄을 맞추어 입력하면 미리보기 효과가 있어서 입력이 수월 하다.

- 문자열이 있는 열의 위치를 맞추어서 입력해야 나중에 수정하기가 수월하다. 아래 가계도는 줄을 맞추어 입력한 예이다. 문자열 박스는 3칸으로 자리잡아 만든다.

입력한 내용

{{차트 상단|제목=우리집 차트|제목색=oldlace|접기=}}
{{차트 시작}}
{{차트|..|..|.. | 할아버지 |-- |ㅜ-|--| 할머니  |..}}
{{차트|..|..|.. |.. |..|.. |.. |ㅏ |ㅡ|ㅡ|ㅡ|ㄱ |..|..}}
{{차트|..|..| 엄마     |ㅜ-|  아빠    |..| 삼촌    }}
{{차트|..|..| ( |ㅡ |ㅡ|ㅗ |ㅜ |ㅡ |ㅡ|ㅡ|ㄱ}}
{{차트|..|  광수    |..|{{배지|광팔이|pink|black|120}}|..| 미나   |..}}
{{차트 끝}}
{{차트 하단}}

보여지는 결과

우리집 차트

할아버지

할머니

엄마

아빠

삼촌

광수

광팔이

미나

가계도의 마지막줄 문자열 높이가 작게나오는 경우가 있는데 바로 아랫줄에 {{차트|..}}(빈줄)를 추가해 주면 해결된다.

복잡한 차트

차트를 완성한 차트가 복잡해 느리다 싶으면 {{차트}} 대신 {{차트q}}로 대체하여 사용할 수 있다.

홍석현의 가계도

입력한 내용

{{차트 상단|제목=홍석현의 가계도|정렬=@}}
{{차트 시작}}
{{차트|.. |.. |.. |.. |.. |.. |.. |홍진기   |ㅜ-| 김윤남 }}
{{차트|.. |.. |.. |.. |(  |ㅡ |ㅡ |ㅡ |ㅜ|ㅡ|ㅗ |ㅡ |ㅡ|ㅜ|ㅡ|ㅡ |ㅡ|ㅜ|ㅡ|ㅡ|ㅡ|ㅜ|ㅡ|ㅡ|ㅡ|ㄱ|..}}
{{차트|.. |.. |(. | 홍라희    |.. |'''홍석현'''|ㄱ.|.. | 홍석조 |ㄱ.| 홍석준 |..| 홍석규 |..| 홍라영 |색6=tomato}}
{{차트|.. |(  |ㅓ;|.. |.. |.. |.. |..|..|.. |ㅏ;|ㄱ |..|..|..|ㅏ;|ㅡ|ㄱ}}
{{차트|.. |ㅣ |ㄴ.| 이건희    |.. |신연신   |). |ㅣ |양경희  |). |홍석준}}
{{차트|.. |ㅏ |ㅡ |ㅡ |ㅜ |ㅡ |ㅡ |ㄱ|..|.. |.. |ㅏ |ㅡ|ㅡ|ㅜ|ㅡ |ㅡ |ㄱ}}
{{차트| 이재용    | 이부진    |이서현   |.. | 홍정도   | 홍정현  | 홍정인 |색5=tomato}}
{{차트|..}}   <!-- 문자열 박스의 두깨가 동일하게 나오게 하기위해서 한줄을 추가했다 -->
{{차트 끝}}

{{차트 시작}}{{차트|..|ㅡ|..|직계}}{{차트 끝}} 
{{차트 시작}}{{차트|..|--|..|부부관계}}{{차트 끝}}
{{차트 하단}

보여지는 결과

홍석현의 가계도

홍진기

김윤남

홍라희

홍석현

홍석조

홍석준

홍석규

홍라영

이건희

신연신

양경희

홍석준

이재용

이부진

이서현

홍정도

홍정현

홍정인

						직계

						부부관계

사용예2, 매개변수 사용

|s=: 전체 글자크기를 설정한다. 기본은 9.8pt
|색=: 문자열박스에 배경색을 지정할 수 있다. 색 설정을 하면 한줄 전체가 적용된다.
|색n= (n은 숫자): 문자열박스의 특정 위치의 배경색을 설정한다.
|테두리=: 문자열박스에 테두리 border를 지정할 수 있다. 테두리를 설정을 하면 한줄 전체가 적용된다.
|테두리n= (n은 숫자): 특정 문자열박스의 테두리 border 설정을 한다. 테두리 설정을 하면 한줄 전체가 적용된다.

넓이n=: 문자열박스의 특정 열의 넓이를 지정할 수 있다.

{{차트 상단|제목=문재인의 가계도}}
{{차트 시작|s=9pt}}
{{차트 |..|문용형<small><br>1920~1978</small> |--|ㅜ-|--|처 강한옥<small><br>1928~2019</small>  |.. }}
{{차트 |..|..|.. |( |ㅡ|ㅗ |ㅜ|ㅡ |ㅡ|ㅡ|ㅜ|ㅡ|ㅡ|ㅡ|ㅜ|ㅡ|ㅡ|ㅡ|ㄱ|..}}

{{차트 |색=gold|색4=tomato|..|여 문재월 <small><br>1949~</small>|..|문재인<small><br>1952~</small>  |..|여 문재성<small><br>1955~</small> |..|여 문재실<small><br>1957~</small>|..|남 문재익<small><br>1959~</small> }}

{{차트|색=pink|테두리=2px dashed red |..|..|..|..|..|처 김정숙 <small><br>1954~</small> |.. |..}}

{{차트 |..|..|..|..|(|ㅡ|ㅗ|ㅡ|ㄱ|.. }}
{{차트 |색=silver |..|..|..|문준용<small><br>1982!</small>   |..|문다혜<small><br>1983~</small>  |.. }}
{{차트 |..}}
{{차트 끝}}
{{차트 하단}}

문재인이 형제 줄은 |색=gold 이지만, 문재인이만 4번인자이므로 |색4=tomato 빨간색으로 설정하였다.
김정숙이 줄은 |색=pink이고, |테두리=2px dashed red이다.(위치가 6번인자이므로 '|색6=, |테두리6='로 해야하나 텍스트가 김정숙이 하나이므로 결과는 동일하다)
문준용이 줄은 |색=silver 이다.

문재인의 가계도

문용형
1920~1978

처 강한옥
1928~2019

여 문재월
1949~

문재인
1952~

여 문재성
1955~

여 문재실
1957~

남 문재익
1959~

처 김정숙
1954~

문준용
1982!

문다혜
1983~

사용예3, 문자열 박스 style 설정

스타일 속성을 같은 줄에 있는 문자열박스라도 아래와 같이 각각 스타일을 지정할 수 있다.

|색n=: n번째인자의 문자열 박스의 배경색을 설정한다.
|테두리n=: n번째인자의 문자열 박스의 테두리 선을 일괄 설정한다.

특정 줄의 스타일을 일괄적으로 설정하려면 다음 변수를 사용한다.,

|색=: 해당 줄의 문자열 박스의 배경색을 일괄 설정한다.
|테두리=: 해당 줄의 테두리 선을 일괄 설정한다.

입력한 내용

{{차트 시작}}
{{차트|.. |.. |.. |.. |AA|.. |.. |.. |.. |테두리=3px solid red }}
{{차트|.. |( |ㅡ|ㅡ|)|ㅣ|ㄴ|ㅡ|ㅡ|ㄱ| }}
{{차트|GOLD |--|GREEN|--|BLUE |색1=gold |색3=green |색5=royalblue}}
{{차트 끝}}

보여지는 결과

AA

GOLD

GREEN

BLUE

사용예4, 화살표

차트에 화살표 기능이 추가되어 활용이 가능하다.

입력

결과

입력

결과

))

▶

((

◀

^^

	▲

vv


	▼

입력한 내용

{{차트 시작}}
{{차트|.. |( |ㅡ |))|AAA   |(( |ㅡ|ㄱ|테두리=3px solid red }}
{{차트|..|ㅣ| ..|..| ..|^^|..|..|..|ㅣ| ..}}
{{차트|..|vv|..|..|.. |vv|..|..|..|vv|.. }}
{{차트|Gold  |--|Green |--|Blue |색=gold }}
{{차트 끝}}

보여지는 결과

▶

AAA

◀

▲

▼

Gold

Green

Blue

사용예5, 넓이 설정

입력한 내용

{{차트 시작}} 
{{차트|.. |( |ㅡ |ㅡ|AAA   |ㅡ |ㅡ|ㄱ|테두리=3px solid red|넓이5=200px }} 
{{차트|..|ㅣ| ..|..| ..|ㅣ|..|..|..|ㅣ| ..}}
{{차트|..|vv|..|..|.. |vv|..|..|..|vv|.. }}
{{차트|Gold  |--|Green |--|Blue |색=gold }}
{{차트 끝}}