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

사용법

• 배경색, 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}}

예제

예제1

입력 내용

{{막대그래프 표
|정렬=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년 핸드폰 인기투표

예제2

입력 내용

{{막대그래프 표
|제목=품질만족도 조사
|제목배경색=#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.

예제3

입력 내용

{{막대그래프 표
|정렬=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 선거 결과는 총합산된 결과임.

예제4

입력 내용

{{막대그래프 표
|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}}
}}

보여지는 결과

유권자 투표 힐러리 클린턴   48.00% 도널드 트럼프   46.28% 게리 존슨   3.29% 질 스타인   1.05% 에번 맥멀린   0.42% 기타   0.82%

예제5

입력 내용

{{막대그래프 표
|title=선거인단 비율
|titlebar=#ddd
|width=400px
|barwidth=
|bars=
{{백분율 막대|'''도널드 트럼프'''|#FF3333|56.51}}
{{백분율 막대|힐러리 클린턴|#00A6EF|42.19}}
{{백분율 막대|기타|#777777|1.30}}
}}

보여지는 결과

선거인단 비율 도널드 트럼프   56.51% 힐러리 클린턴   42.19% 기타   1.30%

그래프 틀 모음

앞에 별표(*)를 한 것은 인라인 틀이라 늘어서 사용할 수 있으며, 새로운 줄에서 사용하려면 개행기호등을 사용해야 한다.

접기·펼치기를 눌러 주세요.

입력 결과 * {{데이터 막대|Blue|5}} 5 * {{데이터 막대|green|8}} 8 * {{데이터 막대|red|50%}} 50% * {{데이터 막대|blue|70%}} 70% {{데이터 막대}} 5 8 50% 70% {{막대그래프|gold |5}} {{막대그래프|forestgreen|10|지지도 10% }} {{막대그래프|deepskyblue|15|응답률}} {{막대그래프}}  지지도 10%  응답률 * {{막대|옥|5}} 하늘색 * {{막대|자|6}} 보라색 * {{막대|황|7}} 노란색 * {{막대|갈|1|8}} 황토색 * {{막대|회|1|9}} 은회색 * {{막대|옥|1|1|2}} 하늘색 * {{막대|자|1|5|1}} 보라색 * 창백색 {{막대|창|5|0}} 50 * 황금색 {{막대|황|8|0}} 80 {{막대}} 하늘색 보라색 노란색 황토색 은회색 하늘색 보라색 창백색 50 황금색 80 * {{막대2|gold|50}} 50 * {{막대2|red|90}} 90px * {{막대2|Blue|50}}{{막대2|green|40}} 50, 40px * {{막대2|blue|40}}{{막대2|gold|50}}{{막대2|green|30}} 120px {{막대2}} 50 90px 50, 40px 120px {{퍼센트2|50}} {{퍼센트2|80|green}} 80% {{퍼센트2|75|색=lightgreen|길이=200px}} {{퍼센트2|55|#1EAAAA|길이=200px|테두리=red}} {{퍼센트2|70|gold|#eef|높이=8}} {{퍼센트2|90|lightblue|높이=8}} {{퍼센트2}}     80%         {{퍼센트 막대|50}} {{퍼센트 막대|66|지지율 66%}} {{퍼센트 막대|70|배경색=gold}} {{퍼센트 막대|85|글자색=green |크기=200}} {{퍼센트 막대|95|글자색=green |크기=100%;}} {{퍼센트 막대}} 50% 지지율 66% 70% 85% 95% {{퍼센트|국민의힘|45|red}} {{퍼센트|더불어민주당|35|blue}} {{퍼센트|자유통일당|15|#0F4181}} {{퍼센트|정의당|3|gold}} {{퍼센트}} 국민의힘     45% 더불어민주당     35% 자유통일당     15% 정의당     3% {{지지율|한국당|49|red}} {{지지율|한국당|49|deepskyblue|#eee}} {{지지율|민주당|36|blue}} {{지지율|주한미군철수찬성|49|red||주한미군철수반대}} {{지지율|찬성표|75|skyblue|magenta|반대표 }} {{지지율|남자성비|55|dodgerblue|tomato|여자성비 }} {{지지율}} 한국당     49% 한국당     49% 민주당     36% 주한미군철수찬성     주한미군철수반대 찬성표     반대표 남자성비     여자성비 테이블 관련 틀 입력 결과 <table> {{백분율 막대|한동훈|red|39}} {{백분율 막대|원희룡|green|25}} {{백분율 막대|나경원|blue|19}} {{백분율 막대|안철수|gold|8}} </table> {{백분율 막대}} 한동훈   39% 원희룡   25% 나경원   19% 안철수   8% <table> {{픽셀 막대|텍스트|red|70|텍스트2}} {{픽셀 막대|텍스트|gold|50|텍스트2}} {{픽셀 막대|텍스트|green|33|텍스트2}} </table> {{픽셀 막대}} 텍스트    70 텍스트2 텍스트    50 텍스트2 텍스트    33 텍스트2 <table> {{픽셀 막대|텍스트|green|33|텍스트2}} {{픽셀 막대|세부아노|darkblue|60||1600만}} {{픽셀 막대|일로카노|red|55||1500만}} {{픽셀 막대|힐리가이논|blue|25||600만}} {{픽셀 막대|비콜|yellow|20||500만}} </table> {{픽셀 막대}} 텍스트    33 텍스트2 세부아노    1600만 일로카노    1500만 힐리가이논    600만 비콜    500만 <table> {{누적 가로 막대|1월|(---)|red|30|blue|20}} {{누적 가로 막대|2월|+60%|silver|50|blue|20|green|10}} </table> {{누적 가로 막대}} 1월 ​ ​ ​ ​ ​ (---) 2월 ​ ​ ​ ​ ​ +60% {{막대그래프 표 |float=left |width=300px |bars= {{누적 가로 막대|1월|(---)|gold|25|lightcoral|15}} {{누적 가로 막대|2월|+40%|pink|40|lightcoral|10|cyan|10}} {{누적 가로 막대|3월|+20%|hotpink|60|deepskyblue|10|limegreen|10|magenta|5}} }} {{누적 가로 막대}} 1월 ​ ​ ​ ​ ​ (---) 2월 ​ ​ ​ ​ ​ +40% 3월 ​ ​ ​ ​ ​ +20% {! |- | {{지지율2|40|royalblue|darkgray|white}} | 서울 40% |- | {{지지율2|65|royalblue|darkgray|white}} | 인천 66% |- | {{지지율2|36|royalblue|darkgray|white}} | 대전 36% |} {{지지율2}} 서울 40% 인천 66% 대전 55% 함께보기 틀:픽셀 막대 틀:누적 가로 막대 틀:데이터 막대 틀:막대 틀:백분율 막대 틀:퍼센트 틀:퍼센트2 틀:퍼센트 막대 틀:막대그래프 틀:지지율 틀:지지율2