출처: 영문 위키피디아(CC BY-SA 3.0)
이 틀은 막대그래프에 쓰일 회색의 1픽셀의 막대를 나타낼 수 있다. 기본적으로 막대의 색은 밝은 회색이며 높이와 너비는 각각 20픽셀이다.
매개 변수 color를 통해 막대의 색을 정할 수 있다.
{{데이터 막대 차트/막대|color=powderblue}}
|
|
{{데이터 막대 차트/막대|color=#B0E0E6}}
|
|
색상 및 레이블(아래 문단 참조)을 결합하면 색상 모음을 쉽게 생성할 수 있다. 예시:
{{데이터 막대 차트/막대|color=red |name=캘리포니아}}
{{데이터 막대 차트/막대|color=blue |name=플로리다 }}
{{데이터 막대 차트/막대|color=yellow|name=오리건 }}
{{데이터 막대 차트/막대|color=green |name=미주리 }}
|
|
높이 및 너비[편집]
매개 변수 height로 세로 막대의 높이를 정할 수 있다.
{{데이터 막대 차트/막대
| color = green
| height = 60
}}
|
|
매개 변수 width로 가로 막대의 너비를 정할 수 있다.
{{데이터 막대 차트/막대
| color = yellow
| width = 60
}}
|
|
Height와 width는 같이 쓰일 수 없다. 하지만, 만약 세로 막대의 넓이를 다르게 하고 싶거나 가로 막대의 높이를 다르게 하고 싶다면 매개 변수 size를 쓰면 된다.
{{데이터 막대 차트/막대
| color = orange
| height = 80
| size = 4
}}
|
|
{{데이터 막대 차트/막대
| color = red
| width = 80
| size = 4
}}
|
|
세로 막대와 가로 막대 모두 누적되며, 아래처럼 연속으로 틀을 쓰면 가능하다.
{{데이터 막대 차트/막대|height=50|color=red}}
{{데이터 막대 차트/막대|height=30|color=green}}
{{데이터 막대 차트/막대|height=40|color=blue}}
|
|
|
{{데이터 막대 차트/막대|width=50|color=red}}
{{데이터 막대 차트/막대|width=30|color=green}}
{{데이터 막대 차트/막대|width=40|color=blue}}
|
|
|
막대의 라벨은 label 또는 value 또는 name 3가지 매개 변수로 지정할 수 있다.
Label[편집]
Label은 막대의 아래에 나타난다.
{{데이터 막대 차트/막대
| label = 오렌지
| height = 80
}}
|
|
{{데이터 막대 차트/막대
| label = 사과
| width = 80
}}
|
|
Value[편집]
Value는 막대가 나타내는 숫자를 표기할 때 쓰일 수 있다. 세로 막대에서는 막대 위에 나타나며, 가로 막대에서는 막대 오른쪽에 나타난다.
{{데이터 막대 차트/막대
| height = 80
| label = 오렌지
| value = 80,000
}}
|
|
{{데이터 막대 차트/막대
| width = 80
| label = 사과
| value = 80,000
}}
|
|
Value가 반드시 숫자일 필요는 없다. 하지만, 세로 막대그래프만은 틀의 단순화를 위해 value가 숫자로 지정되었을 경우 height를 안 넣어도 된다.
{|
|- style="vertical-align:bottom;"
| {{데이터 막대 차트/막대 | value = 80}}
| {{데이터 막대 차트/막대 | value = 23}}
| {{데이터 막대 차트/막대 | value = 42}}
| {{데이터 막대 차트/막대 | value = 13}}
| {{데이터 막대 차트/막대 | value = 66}}
|}
|
|
가로 막대그래프에서 비슷한 효과를 내기 위해서는 width(너비)가 반드시 지정되어야 한다.
{|
|-
| {{데이터 막대 차트/막대 | value = 80 | width = 80 }}
|-
| {{데이터 막대 차트/막대 | value = 23 | width = 23 }}
|-
| {{데이터 막대 차트/막대 | value = 42 | width = 42 }}
|-
| {{데이터 막대 차트/막대 | value = 13 | width = 13 }}
|-
| {{데이터 막대 차트/막대 | value = 66 | width = 66 }}
|}
|
|
Name[편집]
Name 라벨도 막대가 나타내는 숫자를 표기할 때 쓰일 수도 있다.
Value와의 차이점은 오직 값이 나타나는 위치뿐이다. Name은 세로 막대에서는 오른쪽, 가로 막대에서는 위에 나타난다.
{{데이터 막대 차트/막대
| height = 80
| name = 80,000
}}
|
|
{{데이터 막대 차트/막대
| width = 80
| name = 80,000
}}
|
|
Name 라벨은 누적 막대에서 매우 유용하다.
'''사과'''
{{데이터 막대 차트/막대
| height = 50
| color = red
| name = 플로리다
}}
{{데이터 막대 차트/막대
| height = 80
| color = green
| name = 캘리포니아
}}
{{Data bars/bar
| height = 40
| color = blue
| name = 오리건
}}
|
사과
|
|
하지만 그냥 누적된 색상 모음을 쓰는 게 더 낫다.
{|
|- style="vertical-align:top;"
|<!-----------------------
-- 누적 막대 --
------------------------->
{{데이터 막대 차트/막대|height=50|color=red }}
{{데이터 막대 차트/막대|height=80|color=green }}
{{데이터 막대 차트/막대|height=40|color=blue|label='''사과'''}}
|<!----------------------
-- 색상 모음 --
------------------------>
{{데이터 막대 차트/막대|color=red |name=플로리다 }}
{{데이터 막대 차트/막대|color=green |name=캘리포니아}}
{{데이터 막대 차트/막대|color=blue |name=오리건 }}
|}
|
|
|
보통은 막대에 마우스 커서를 갖다 대면 그 막대의 색상이 표시된다. 이는 색맹인 사람들에게 도움이 된다.
하지만, 기본값을 변경해서 더 유용한 정보를 제공할 수도 있다.
{{데이터 막대 차트/막대| width = 50| color = red | name = 플로리다 | title = 50}}
{{데이터 막대 차트/막대| width = 80| color = green | name = 캘리포니아| title = 80}}
{{데이터 막대 차트/막대| width = 40| color = blue | name = 오리건 | title = 40}}
|
|
특히 막대의 값을 나타내는 데에 유용하다. 예시:
{{데이터 막대 차트/막대|color=red |name=플로리다 | title = 5000}}
{{데이터 막대 차트/막대|color=green |name=캘리포니아| title = 8000}}
{{데이터 막대 차트/막대|color=blue |name=오리건 | title = 4000}}
|
|
아니면, 매개 변수 detailed를 통해 제목의 값을 이름 옆에 나타낼 수도 있다.
{{데이터 막대 차트/막대|color=red |name=플로리다 | title = 7000| detailed=true}}
{{데이터 막대 차트/막대|color=green |name=캘리포니아| title = 8000| detailed=true}}
{{데이터 막대 차트/막대|color=blue |name=오리건 | title = 6000| detailed=true}}
|
|
