# 차트 도표

## Content



```도표```는 데이터의 그래픽 표현입니다. 도표는 ```인코딩 구성```을 적용하여 ```데이터 값```을 기하학적 셰이프로 *인코딩*합니다. 예를 들어, [가로 막대형 차트 데모](/activereportsjs/demos/Reports/BarChart/purejs) 도표는 국가 목록(```범주 인코딩```)과 각 국가의 지난해 매출(```데이터 값```)을 레이블이 지정된 직사각형 막대로 인코딩합니다.

### 공통 도표 속성


### 이름

[문자열](/activereportsjs/docs/v4.1/ReportAuthorGuide/Report-Items/Common-Properties#scalar) 값이 [축](/activereportsjs/docs/v4.1/ReportAuthorGuide/Report-Items/Data-Regions/Chart/axes) 구성 내에서 도표를 참조하는 데 사용할 수 있는 도표 이름을 결정합니다.

### 도표 템플릿

선택한 값은 인코딩 구성의 정수 부분입니다. ActiveReportsJS에서는 다음 템플릿을 지원합니다.

* [세로 및 가로 막대형](/activereportsjs/docs/v4.1/ReportAuthorGuide/Report-Items/Data-Regions/Chart/plot/column), [나선형](/activereportsjs/docs/v4.1/ReportAuthorGuide/Report-Items/Data-Regions/Chart/plot/spiral), ```극좌표형``` 도표는 범주별 여러 데이터 값을 비교하거나 범주 간에 비교하는 데 적합합니다.
* [꺾은선형](/activereportsjs/docs/v4.1/ReportAuthorGuide/Report-Items/Data-Regions/Chart/plot/line-chart) 및 [영역형](/activereportsjs/docs/v4.1/ReportAuthorGuide/Report-Items/Data-Regions/Chart/plot/area) 도표는 시간의 흐름에 따른 데이터 값의 변화를 추적하는 데 유용합니다.
* [원형](/activereportsjs/docs/v4.1/ReportAuthorGuide/Report-Items/Data-Regions/Chart/plot/pie) 및 [도넛형](/activereportsjs/docs/v4.1/ReportAuthorGuide/Report-Items/Data-Regions/Chart/plot/pie) 도표는 전체 중 부분의 크기를 서로 비교하는 방법을 보여줍니다.
* ```깔대기형``` 및 ```피라미드형``` 도표는 프로세스의 점진적인 단계를 보여줍니다.
* [분산형](/activereportsjs/docs/v4.1/ReportAuthorGuide/Report-Items/Data-Regions/Chart/plot/scatter-bubble) 및 [거품형](/activereportsjs/docs/v4.1/ReportAuthorGuide/Report-Items/Data-Regions/Chart/plot/scatter-bubble) 도표는 2~3개 데이터 값 사이 관계를 시각화하는 데 적절합니다.
* ```Gantt``` 도표는 프로젝트 일정을 보여줍니다.
* ```원통형```, ```고가-저가-종가``` 및 ```고가-저가-시가-종가``` 도표는 통화 및 다른 자산의 가격 변동을 설명하는 데 사용됩니다.

해당하는 템플릿 구성에 대한 자세한 내용은 위에 나열된 개별 도표 페이지를 참조하십시오.