{{막대그래프 표}}, {{백분율 막대}}, {{픽셀 막대}}, {{누적 가로 막대}}는 가로 막대그래프 차트를 만들 수 있는 틀입니다.
사용법[원본 편집]
- 배경색, background-color: 배경색을 결정합니다.
- 너비, 폭, width: 그래프 상자의 너비를 결정합니다.
- 막대폭, barwidth: 개별 막대그래프가 들어가는 공간의 폭을 결정합니다. 기본값은 100px입니다.
- 정렬, float: 그래프 상자가 문서에서 표시되는 위치를 선택합니다. 왼쪽과 오른쪽을 선택할 수 있으며, 지정하지 않으면 왼쪽에 놓입니다.
- 제목, title: 차트의 제목입니다.
- 제목배경색, titlebar: 제목의 배경색을 결정합니다.
- 왼쪽범례1(left1): 왼쪽 첫번째 열의 항목 설명입니다.
- 왼쪽범례2(left2): 왼쪽 두 번째 열의 항목 설명입니다.
- 오른쪽범례1(right1): 오른쪽 첫번째 열의 항목 설명입니다.
- 오른쪽범례2(right2): 오른쪽 두 번째 열의 항목 설명입니다.
- bars: {{백분율 막대}}, {{픽셀 막대}}를 이용한 그래프의 각 항목이 들어갑니다.
- 캡션, 설명(caption): 차트 맨 아래에 들어가는 차트 설명을 입력합니다.
도표 내용[원본 편집]
이 틀은 어떤 수의 막대그래프든 포함할 수 있으며, 다음과 같은 막대가 있습니다.
- 백분율 막대:
{{백분율 막대|항목 이름|색깔|퍼센트값|단위}}
단위를 입력하지 않는 경우 자동으로 %가 입력됩니다.
- 백분율 막대 2
같은 항목의 변화한 두 값을 그래프로 나타내고자 한다면 {{백분율 막대}} 대신 {{백분율 막대 2}}를 사용할 수 있습니다.
{{백분율 막대 2|항목 이름|소항목1|색깔1|퍼센트값1|단위1|소항목2|색깔2|퍼센트값2|단위2|오른쪽 범례}}
- 픽셀 막대:
{{픽셀 막대|항목 이름|색깔|픽셀값|버림값|실제값}}
실제값을 입력하는 경우, 버림값은 표시되지 않으며, 픽셀값은 각 막대의 너비만을 결정합니다. 실제값이 없는 경우 픽셀값에 버림값을 덧붙인 내용을 수치로 표시합니다. 즉, 다음 두 막대는 같은 결과를 나타냅니다.
{{픽셀 막대|갑|red|12||12,345}}
{{픽셀 막대|갑|red|12|3,45}}
예제[원본 편집]
{{막대그래프 표
|정렬=right
|설명=2010년 핸드폰 인기투표
|막대폭=200px
|bars=
{{백분율 막대|foo|red|30}}
{{백분율 막대|bar|green|40}}
{{백분율 막대|baz|blue|20}}
{{백분율 막대|bla|orange|8}}
{{백분율 막대|bla|teal|2|1/50}}
}}
{{막대그래프 표
|제목=품질만족도 조사
|제목배경색=#DDD
|왼쪽범례1=제품명
|오른쪽범례2=pcs.
|폭=400px
|bars=
{{픽셀 막대|Foobar|red|33|,213}}
{{픽셀 막대|Barfoo|green|123|,123}}
{{픽셀 막대|Bazbar|blue|210|,121}}
{{픽셀 막대|Barfoobaz|orange|13||12,854}}
|설명=Some stuff displayed by quantity.
}}
{{막대그래프 표
|정렬=right
|제목=연도별 선거 결과
|제목배경색=#AAF
|왼쪽범례1=정당
|왼쪽범례2=연도
|오른쪽범례1=투표율
|오른쪽범례2=변동
|폭=300px
|bars=
{{백분율 막대 2|국순당|1898|silver|33|1902|red|42|+9%}}
{{백분율 막대 2|죽순당|1898|silver|40|1902|black|35|-5%}}
{{백분율 막대 2|활빈당|1898|silver|17|1902|blue|10|-7%}}
{{백분율 막대 2|녹색당|1898|silver|10|1902|gray|13|+3%}}
|caption=1902과 1898 선거 결과는 총합산된 결과임.
}}
