NovaAdmin: DCWiki 복구: 최신본 이식

2026-01-08T18:06:31Z

DCWiki 복구: 최신본 이식

새 문서

[https://en.wikipedia.org/wiki/Template:Data_bars 출처: 영문 위키피디아(CC BY-SA 3.0)]

== 사용법 ==
막대그래프 표를 나타내는 틀이다.

{| cellpadding="0" cellspacing="0"
|- style="vertical-align:top;"
|
{|
| 기본 스타일을 이용한 간단한 예시:<pre>
{{데이터 막대 차트
| columns = 6 | Jan| Feb| Mar| Apr| May| Jun
| blue|Berries| 65| 38| 72| 47| 20| 30
}}
</pre>
|}
|
{{데이터 막대 차트
| columns = 6 | Jan| Feb| Mar| Apr| May| Jun
| blue|Berries| 65| 38| 72| 47| 20| 30
}}
|- style="vertical-align:top;"
|
{|
| 위와 같지만 세로 막대그래프라는 게 다르다 ('''style=2'''):<pre>
{{데이터 막대 차트
| style = 2
| columns = 6 | Jan| Feb| Mar| Apr| May| Jun
| blue|Berries| 65| 38| 72| 47| 20| 30
}}
</pre>
|}
|
{{데이터 막대 차트
| style = 2
| columns = 6 | Jan| Feb| Mar| Apr| May| Jun
| blue|Berries| 65| 38| 72| 47| 20| 30
}}
|}

{| cellspacing="0" cellpadding="o"
|- style="vertical-align:bottom;"
| 아래처럼 한 열에 여러 개의 데이터 행을 넣을 수 있다:
|-
| style="text-align:right;padding-right:48px;" | <big>'''↔'''</big> '''최대 데이터 열:''' 16 <big>'''↔'''</big>
|-
|
<pre>
{{데이터 막대 차트
| columns = 12 |Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec
| green| Apples| 60| 70| 90| 30| 50| 30|100|130|120| 90| 50|110
|yellow| Bananas| 90| 80|110| 60| 70| 80| 70| 70| 40| 50| 50| 60
|orange| Oranges| 50| 40| 60|110| 90| 60| 30| 60| 70| 60| 80| 40
}}
</pre>
| style="vertical-align:middle;padding-left:16px;" | <big>'''↕'''</big> '''최대 데이터 행:''' 8 <big>'''↕'''</big>
|-
| colspan="2" |
: ...이렇게 복잡하고 여러 색으로 지정된 막대그래프를 나타낼 수 있다:
{| style="float:right;"
|
{{데이터 막대 차트
| columns = 12 |Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec
| green| Apples| 60| 70| 90| 30| 50| 30|100|130|120| 90| 50|110
|yellow| Bananas| 90| 80|110| 60| 70| 80| 70| 70| 40| 50| 50| 60
|orange| Oranges| 50| 40| 60|110| 90| 60| 30| 60| 70| 60| 80| 40
}}
|}
|}


== Title, Scale, Source, Alignment 매개 변수 ==
선택적으로 '''title''', '''scale''', '''source''' 3가지의 매개 변수를 지정할 수 있다.
: '''Title'''은 막대그래프 위 중앙에 굵은 글씨를 나타낸다.
: '''Scale'''은 매우 작거나 큰 수를 제어하는 데에 필요하다.
: '''Source'''는 데이터가 어디서 왔는지를 나타내는 출처 역할을 한다.

{|
|- style="vertical-align:top;"
|
{|
| <center>'''title = Small numbers, large scale'''</center><center>'''scale = 10'''</center><center>'''source = Data invented for this example.'''</center>
<pre>
{{데이터 막대 차트
| title = Small numbers, large scale
| scale = 10
| source = Data invented for this example.
| columns = 6 |Jan|Feb|Mar|Apr|May|Jun
| red|Cherries| 6| 7| 9| 3| 5| 3
| blue| Berries| 9| 8| 11| 6| 7| 8
|purple| Grapes| 5| 4| 6| 11| 9| 6
}}
</pre>
|-
| style="text-align:center;" |
{{데이터 막대 차트
| title = Small numbers, large scale
| scale = 10
| source = Data invented for this example.
| columns = 6 |Jan|Feb|Mar|Apr|May|Jun
| red|Cherries| 6| 7| 9| 3| 5| 3
| blue| Berries| 9| 8| 11| 6| 7| 8
|purple| Grapes| 5| 4| 6| 11| 9| 6
}}
|}
| style="padding-left:38px;" |
{|
| <center>'''title = Large numbers, small scale'''</center><center>'''scale = 0.1        style = 2'''</center><center>'''source = Data invented for this example.'''</center>
<pre>
{{데이터 막대 차트
| title = Large numbers, small scale
| scale = 0.1 | style = 2
| source = Data invented for this example.
| columns = 6 | Jul| Aug| Sep| Oct| Nov| Dec
| green| Apples| 600| 700| 900| 300| 500| 300
|yellow| Bananas| 900| 800|1100| 600| 700| 800
|orange| Oranges| 500| 400| 600|1100| 900| 600
}}
</pre>
|-
|
{{데이터 막대 차트
| title = Large numbers, small scale
| scale = 0.1 | style = 2
| source = Data invented for this example.
| columns = 6 | Jul| Aug| Sep| Oct| Nov| Dec
| green| Apples| 600| 700| 900| 300| 500| 300
|yellow| Bananas| 900| 800|1100| 600| 700| 800
|orange| Oranges| 500| 400| 600|1100| 900| 600
}}
|}
|}

또한 막대그래프를 띄우는 방향을 중앙이나 왼쪽 또는 오른쪽 이렇게 정하려면, 매개 변수 '''align'''(또는 '''float''') 뒤에 각각 ''center'', ''right'' 또는 ''left''를 지정하면 된다. 예시:

{{데이터 막대 차트
| align = right
| columns = 6 | Jan| Feb| Mar| Apr| May| Jun
| blue|Berries| 65| 38| 72| 47| 20| 30
}}
{|
| <pre>
{{데이터 막대 차트
| align = right
| columns = 6 | Jan| Feb| Mar| Apr| May| Jun
| blue|Berries| 65| 38| 72| 47| 20| 30
}}
</pre>
|}

== Orientation, Borders, Details, Averages 표의 스타일 ==
이 틀에는 총 16가지의 스타일이 있다.
: '''홀수로 된 스타일'''은 세로이다.
: '''짝수로 된 스타일'''은 가로이다.
: '''스타일 3과 4'''는 명암이 있는 테두리가 동반된다.
: '''스타일 5부터 8'''까지는 스타일 1부터 4까지와 같지만, 조금 더 자세하게 나타난다.
: '''스타일 9부터 16'''까지는 스타일 1부터 8까지와 같지만, 합계(Total) 대신 색상 모음과 함께 '''평균값'''이 나타난다.

다음은 <kbd>'''style=8'''</kbd>을 사용한 예시이다:
{| cellspacing="0" cellpadding="0"
| style="text-align:center;" | 세로이고 명암이 있는 테두리가 동반되며, 조금 더 자세하게 나타난다.
|-
|
{| align="center" cellspacing="0" cellpadding="0"
|
{| align="center"
|- style="vertical-align:bottom;"
|<pre>
{{데이터 막대 차트
| style = 8
| scale = 0.1
| title = Fruit Amounts (lbs)
| source = Data invented for this example.
| columns = 6 |2009|2010|2011|2012|2013|2014
| green| Apples| | 700| 900| 300| 500| 300
|yellow| Bananas| 900| |1100| 600| 700| 800
|orange| Oranges| 500| 400| |1100| 900| 600
| red|Cherries| 700| 300| 600| | 900| 600
| blue| Berries| 300| 500| 600| 900| 700|
}}
</pre>

|}
|}
|-
|
{{데이터 막대 차트
| style = 8
| scale = 0.1
| title = Fruit Amounts (lbs)
| source = Data invented for this example.
| columns = 6 |2009|2010|2011|2012|2013|2014
| green| Apples| | 700| 900| 300| 500| 300
|yellow| Bananas| 900| |1100| 600| 700| 800
|orange| Oranges| 500| 400| |1100| 900| 600
| red|Cherries| 700| 300| 600| | 900| 600
| blue| Berries| 300| 500| 600| 900| 700|
}}
|-
| style="padding-top:32px;" | 다음은 같은 데이터로 '''style=13'''을 사용했을 경우이다. 우측에 합계(Total) 대신 '''평균값'''이 나타나고 있다:
|-
| style="text-align:center;" |
{{데이터 막대 차트
| style = 13
| scale = 0.1
| title = Fruit Amounts (lbs)
| source = Data invented for this example.
| columns = 6 |2009|2010|2011|2012|2013|2014
| green| Apples| | 700| 900| 300| 500| 300
|yellow| Bananas| 900| |1100| 600| 700| 800
|orange| Oranges| 500| 400| |1100| 900| 600
| red|Cherries| 700| 300| 600| | 900| 600
| blue| Berries| 300| 500| 600| 900| 700|
}}
|}

== 작동 방식 ==
이 틀은 총 5개의 "서브 틀"을 종속한다. 이 표는 데이터의 행과 열을 이용해서 만들어졌다.
: <kbd><nowiki>{{</nowiki>[[틀:데이터 막대 차트/막대|데이터 막대 차트/막대]]<nowiki>}}</nowiki></kbd>는 각각의 가로 또는 세로의 사각형을 나타내며 선택적으로 색상 및 이름이나 값 등의 라벨을 나타낸다.
: <kbd><nowiki>{{</nowiki>[[틀:데이터 막대 차트/열|데이터 막대 차트/열]]<nowiki>}}</nowiki></kbd>은 하나의 데이터 열을 제어한다.
만약 스타일 값이 8보다 클 경우, 데이터는 다른 하위 틀을 이용하여 합계 대신 색상 모음과 함께 평균값을 나타낸다.
: <kbd><nowiki>{{</nowiki>[[틀:데이터 막대 차트/평균|데이터 막대 차트/평균]]<nowiki>}}</nowiki></kbd>은 모든 데이터 열의 평균값을 계산한다.
: <kbd><nowiki>{{</nowiki>[[틀:데이터 막대 차트/평균/디스플레이|데이터 막대 차트/평균/디스플레이]]<nowiki>}}</nowiki></kbd>는 하나의 복잡한 막대의 지정된 매개 변수에 평균값을 배정하여 나타낸다.
: <kbd><nowiki>{{</nowiki>[[틀:데이터 막대 차트/평균/열|데이터 막대 차트/평균/열]]<nowiki>}}</nowiki></kbd>은 색상 모음과 함께 평균값을 라벨이 있는 세로 막대에 나타낸다.

== 관련 항목 ==
* {{틀|막대그래프 표}}

틀:데이터 막대 차트/설명문서 - 편집 역사

NovaAdmin: DCWiki 복구: 최신본 이식