# 차트 축

## Content



축은 *대부분의* 차트 유형에서 중요한 부분으로, 다음과 같은 여러 가지 역할을 담당합니다.

* 하나 이상의 [도표](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Data-Regions/Chart/plot)에 대한 좌표계 제공
* 시각화된 데이터의 측정 단위 표시
* 눈금선 생성

따라서 축은 컴퍼지션 및 구성이 축 모양을 결정하는 여러 가지 선택적 부분으로 구성됩니다. 다음 다이어그램에서는 수직 축의 구조를 보여주지만 동일한 요소가 가로 축에도 적용됩니다.

![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/4ed8c11f-8d09-4226-9c37-dd4595797443/reportauthor-guide/Chart/chart-axes.png)

이 축 구성은 [차트 축 데모](/activereportsjs/demos/Reports/ChartAxesPlayground/purejs)(링크 열기, [보고서 탐색기](/activereportsjs/docs/ReportAuthorGuide/Report-Designer-Interface#report-explorer) 토글, ```Y 축 - [도표 1]``` 노드 선택)를 사용하여 실험할 수 있고, [속성 패널](/activereportsjs/docs/ReportAuthorGuide/Report-Designer-Interface#properties-panel)을 사용하여 다음 섹션에서 자세히 설명할 축 구성을 수정할 수 있습니다. [보고서 파일](/activereportsjs/demos/en/sample/Reports/ChartAxesPlayground/purejs/ChartAxes.rdlx-json)을 다운로드하여 [독립 실행형 보고서 디자이너](/activereportsjs/docs/ReportAuthorGuide/QuickStart/Get-Started-With-Designer-App)에서 열 수 있습니다.

### 일반 축 속성

### 축 유형

축 유형을 결정하는 [열거](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Common-Properties#enum) 값입니다. 가능한 값은 다음과 같습니다.

* ```X``` 축은 제품 범주 또는 월과 같은 범주형 값을 처리합니다.
* ```Y``` 축은 매출 금액 또는 평균 온도와 같은 데이터 값을 처리합니다.

범주 및 데이터 값에 대한 자세한 내용은 [꺾은선형 도표](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Data-Regions/Chart/plot/line-chart), [세로 및 가로 막대형 도표](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Data-Regions/Chart/plot/column) 또는 [영역형 도표](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Data-Regions/Chart/plot/area) 문서를 참조하십시오.

### 도표

축이 좌표계를 제공하는 [도표](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Data-Regions/Chart/plot) 이름의 [컬렉션](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Common-Properties#collection)입니다. 기본적으로 대부분의 차트 유형에 대해 새로 추가된 모든 도표에는 자동으로 축이 생성됩니다. 그러나 이 속성을 사용하여 축을 여러 도표에 바인딩할 수 있습니다.

### 위치

아래 표에 따라 포함하는 [도표 영역](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Data-Regions/Chart#plot-area)을 기준으로 축의 위치를 결정하는 [열거형](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Common-Properties#enum) 값입니다.

| 위치 | 세로 축    | 가로 축      |
|----------|--------------------|--------------------|
| 가까이     | 왼쪽          | 아래쪽        |
| 멀리      | 오른쪽         | 위쪽           |
| 없음     | 축 제거 | 축 제거 |

### 원점

숫자 [식](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Common-Properties#expression)은 포함 도표의 직각 축을 기준으로 축의 위치를 결정합니다. 

*참고: [차트 축 데모](/activereportsjs/demos/Reports/ChartAxesPlayground/purejs)에서 ```Y 축```의 ```원점```을 0,1,2,3,4 등으로, ```X 축```의 원점을 100000, 1500000 등으로 설정하고 이 속성이 실제로 미치는 영향을 살펴보십시오.*

### 반전됨 

이 [부울](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Common-Properties#scalar) 속성을 ```True```로 설정하면 차트에서 세로 축의 기본 방향이 ```위-아래```로, 가로 축의 기본 방향이 ```오른쪽-왼쪽```으로 반전됩니다. 이 설정은 첨부된 도표의 좌표계를 변경하므로 셰이프 역시 반전됩니다. 

### 겹치는 레이블

겹치는 축 레이블의 모양을 결정하는 [열거형](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Common-Properties#enum) 값입니다. 가능한 값은 다음과 같습니다.

* ```자동``` \- 겹침을 방지하기 위해 일부 레이블을 숨깁니다.
* ```표시``` \- 계속해서 겹치더라도 모든 레이블을 표시합니다.

*참고: ```차트 축 데모```에서 ```레이블 각도```를 ```X 축```에 대해 ```0```으로 설정하고 ```겹치는 레이블``` 속성이 ```자동```인 경우와 ```표시```인 경우 미리 보기에서 보고서 출력을 비교해 보십시오.*

### 제목

문자열 [식](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Common-Properties#expression)은 축의 위치에 따라 축의 왼쪽, 오른쪽, 위쪽 또는 아래쪽에 표시되는 축 제목을 결정합니다.

속성 패널의 ```제목``` 섹션에서 사용할 수 있는 [텍스트 속성](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Common-Properties#text-properties)의 하위 집합을 사용하면 텍스트 모양을 설정할 수 있습니다. 

### 선

[선 속성](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Common-Properties#line-properties)과 부울 ```표시``` 속성의 조합은 축 선의 모양을 결정합니다.

### 레이블

[텍스트 속성](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Common-Properties#text-properties)의 하위 집합과 부울 ```표시``` 속성은 축 레이블의 모양을 결정합니다. 

또한 축 선을 기준으로 레이블의 회전을 각도 단위로 정의하는 ```레이블 각도```를 ```-90``` ~ ```90```의 숫자 값으로 설정할 수 있습니다.

*참고: 차트 축 데모에서는 모든 월의 이름이 사용 가능한 축 길이 내에 맞도록 ```X 축```의 레이블 각도가 ```-45```입니다.*

### 주 눈금선 및 보조 눈금선

[선 속성](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Common-Properties#text-properties), 부울 값인 ```눈금선 표시``` 속성과 ```주``` 및 ```보조``` 간격의 조합은 도표 영역 내 눈금선의 모양을 결정합니다. 보조 눈금선은 주 눈금선 사이 공간을 분할합니다. 

*참고: ```차트 축 데모```에서 ```Y 축```에 대해 ```보조 눈금선 간격```을 ```2000```으로 설정해 보고 주 눈금선과 보조 눈금선 간의 관계를 관찰해 보십시오.*

### 주 눈금과 보조 눈금

눈금선 외에도 축에는 축 선을 기준으로 다양한 위치에 주 눈금과 보조 눈금이 표시될 수 있습니다. [선 속성](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Common-Properties#text-properties)과 두 가지 추가 설정이 눈금 모양을 결정합니다.

* ```눈금 크기``` \- 눈금 길이를 설정하는 [길이](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Common-Properties#length) 식입니다.
* ```눈금 표시``` \- 축 선을 기준으로 눈금의 위치를 결정하는 [열거형](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Common-Properties#enum) 값입니다. 

*참고: ```차트 축 데모```에서 ```Y 축```에 대해 ```주 눈금 표시```를 여러 값으로 설정하여 이 속성이 눈금 모양에 어떤 영향을 미치는지 관찰해 보십시오.*

### 눈금 범위

```눈금``` 섹션에서 ```최소``` 및 ```최대``` 숫자 [식](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Common-Properties#expression)을 사용하여 축이 처리할 수 있는 값의 범위를 설정합니다.

*참고: ```차트 축 데모```에서 ```Y 축```의 범위는 \[70000; 160000]입니다.* 

### 눈금 유형

축이 사용 가능한 값의 범위를 처리하는 방식을 결정하는 [열거형](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Common-Properties#enum) 값입니다.

* ```선형```은 축을 따라 사용 가능한 값의 범위가 고르게 분포하는 기본 눈금 유형입니다.
* ```로그``` 눈금은 값 자체 대신 값의 로그를 사용합니다. 이 방식은 광범위한 값을 빽빽하게 표시하는 데 유용합니다. 또한 이 눈금 유형에 대한 로그 밑을 설정할 수도 있습니다. 
* ```서수``` 눈금은 제품 범주와 같이 숫자가 아닌 값에 적용되며, 순서대로 축을 따라 균일하게 분포합니다.
* [백분율 표시 세로 막대형 및 가로 막대형](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Data-Regions/Chart/plot/column#percentage-stacked-column-and-bar) 및 [백분율 표시 누적 영역형](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Data-Regions/Chart/plot/area#percentage-stacked-area) 도표에 사용되는 ```백분율``` 눈금입니다.

*참고: ```차트 축 데모```에서 ```Y 축```의 눈금은 ```선형```이고, ```X 축```의 눈금은 ```서수```입니다.*