잔글편집 요약 없음
30번째 줄: 30번째 줄:




{|
{{픽셀 막대|갑|red|12||12,345}} {{픽셀 막대|갑|red|12|3,45}}
|}


==예제==
==예제==
38번째 줄: 35번째 줄:
|정렬=right
|정렬=right
|설명=2010년 핸드폰 인기투표
|설명=2010년 핸드폰 인기투표
|막대폭=200px
|막대폭=300px
|bars=
|bars=
{{백분율 막대|foo|red|30}}
{{백분율 막대|foo|red|30}}
49번째 줄: 46번째 줄:
|정렬=right
|정렬=right
|설명=2010년 핸드폰 인기투표
|설명=2010년 핸드폰 인기투표
|막대폭=200px
|막대폭=300px
|bars=
|bars=
{{백분율 막대|foo|red|30}}
{{백분율 막대|foo|red|30}}
64번째 줄: 61번째 줄:
|제목배경색=#DDD
|제목배경색=#DDD
|왼쪽범례1=제품명
|왼쪽범례1=제품명
|오른쪽범례2=pcs.
|오른쪽범례1=pcs.
|폭=400px
|폭=400px
|bars=
|bars=
78번째 줄: 75번째 줄:
|제목배경색=#DDD
|제목배경색=#DDD
|왼쪽범례1=제품명
|왼쪽범례1=제품명
|오른쪽범례2=pcs.
|오른쪽범례1=pcs.
|폭=400px
|폭=400px
|bars=
|bars=
97번째 줄: 94번째 줄:
|왼쪽범례2=연도
|왼쪽범례2=연도
|오른쪽범례1=투표율
|오른쪽범례1=투표율
|오른쪽범례2=변동
|오른쪽범례2=
|폭=300px
|폭=300px
|bars=
|bars=
108번째 줄: 105번째 줄:
</pre>
</pre>
{{막대그래프 표
{{막대그래프 표
|정렬=중앙
|정렬=right
|제목=년도별 제품목록
|제목=연도별 선거 결과
|왼쪽범례1=제품명
|제목배경색=#AAF
|왼쪽범례2=제품명2
|왼쪽범례1=정당
|오른쪽범례1=pcs.
|왼쪽범례2=연도
|오른쪽범례2=pcs.2
|오른쪽범례1=투표율
|폭=400px
|오른쪽범례2=
|폭=300px
|bars=
|bars=
{{백분율 막대 |국순당 1898|red|33}}
{{백분율 막대 |국순당 1898|red|33}}
127번째 줄: 125번째 줄:
|title=유권자 투표
|title=유권자 투표
|titlebar=#ddd
|titlebar=#ddd
|width=600px
|width=400px
|barwidth=410px
|barwidth=
|bars=
|bars=
{{백분율 막대|'''힐러리 클린턴'''|#00A6EF|48.00}}
{{백분율 막대|'''힐러리 클린턴'''|#00A6EF|48.00}}
140번째 줄: 138번째 줄:
|title=선거인단 비율
|title=선거인단 비율
|titlebar=#ddd
|titlebar=#ddd
|width=600px
|width=400px
|barwidth=410px
|barwidth=
|bars=
|bars=
{{백분율 막대|'''도널드 트럼프'''|#FF3333|56.51}}
{{백분율 막대|'''도널드 트럼프'''|#FF3333|56.51}}
151번째 줄: 149번째 줄:
|title=유권자 투표
|title=유권자 투표
|titlebar=#ddd
|titlebar=#ddd
|width=600px
|width=400px
|barwidth=410px
|barwidth=
|bars=
|bars=
{{백분율 막대|'''힐러리 클린턴'''|#00A6EF|48.00}}
{{백분율 막대|'''힐러리 클린턴'''|#00A6EF|48.00}}
164번째 줄: 162번째 줄:
|title=선거인단 비율
|title=선거인단 비율
|titlebar=#ddd
|titlebar=#ddd
|width=600px
|width=400px
|barwidth=410px
|barwidth=
|bars=
|bars=
{{백분율 막대|'''도널드 트럼프'''|#FF3333|56.51}}
{{백분율 막대|'''도널드 트럼프'''|#FF3333|56.51}}

2022년 10월 6일 (목) 19:29 판

{{막대그래프 표}}, {{백분율 막대}}, {{픽셀 막대}}, {{누적 가로 막대}}는 가로 막대그래프 차트를 만들 수 있는 틀입니다.

사용법

  • 배경색, 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년 핸드폰 인기투표
|막대폭=300px
|bars=
{{백분율 막대|foo|red|30}}
{{백분율 막대|bar|green|40}}
{{백분율 막대|baz|blue|20}}
{{백분율 막대|bla|orange|8}}
{{백분율 막대|bla|teal|2|1/50}}
}}
foo
 
30%
bar
 
40%
baz
 
20%
bla
 
8%
bla
 
1/50
2010년 핸드폰 인기투표
{{막대그래프 표
|제목=품질만족도 조사
|제목배경색=#DDD
|왼쪽범례1=제품명
|오른쪽범례1=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.
}}
품질만족도 조사
제품명 pcs.
Foobar
  
33 ,213
Barfoo
  
123 ,123
Bazbar
  
210 ,121
Barfoobaz
  
12,854
Some stuff displayed by quantity.
{{막대그래프 표
|정렬=right
|제목=연도별 선거 결과
|제목배경색=#AAF
|왼쪽범례1=정당
|왼쪽범례2=연도
|오른쪽범례1=투표율
|오른쪽범례2=
|폭=300px
|bars=
{{백분율 막대 |국순당 1898|red|33}}
{{백분율 막대 |죽순당 1898|green|40}}
{{백분율 막대 |활빈당 1898|silver|17}}
{{백분율 막대 |녹색당 1898|teal|10}}
|caption=1902과 1898 선거 결과는 총합산된 결과임.
}}
연도별 선거 결과
정당 연도 투표율
국순당 1898
 
33%
죽순당 1898
 
40%
활빈당 1898
 
17%
녹색당 1898
 
10%
1902과 1898 선거 결과는 총합산된 결과임.


{{막대그래프 표
|title=유권자 투표
|titlebar=#ddd
|width=400px
|barwidth=
|bars=
{{백분율 막대|'''힐러리 클린턴'''|#00A6EF|48.00}}
{{백분율 막대|도널드 트럼프|#FF3333|46.28}}
{{백분율 막대|게리 존슨|#FED105|3.29}}
{{백분율 막대|질 스타인|#17aa5c|1.05}}
{{백분율 막대|에번 맥멀린|#FF5800|0.42}}
{{백분율 막대|기타|#777777|0.82}}
}}
{{막대그래프 표
|title=선거인단 비율
|titlebar=#ddd
|width=400px
|barwidth=
|bars=
{{백분율 막대|'''도널드 트럼프'''|#FF3333|56.51}}
{{백분율 막대|힐러리 클린턴|#00A6EF|42.19}}
{{백분율 막대|기타|#777777|1.30}}
}}
유권자 투표
힐러리 클린턴
 
48.00%
도널드 트럼프
 
46.28%
게리 존슨
 
3.29%
질 스타인
 
1.05%
에번 맥멀린
 
0.42%
기타
 
0.82%
선거인단 비율
도널드 트럼프
 
56.51%
힐러리 클린턴
 
42.19%
기타
 
1.30%