{{막대그래프 표}}, {{백분율 막대}}, {{픽셀 막대}}, {{누적 가로 막대}}는 가로 막대그래프 차트를 만들 수 있는 틀입니다.
사용법[원본 편집]
- 배경색, 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 선거 결과는 총합산된 결과임. }}