# 도표

## Content

## 소개

ActiveReportsJS 차트에서 `도표`는 데이터의 그래픽 표현입니다. 이는 `데이터 계열` 및 `그룹 구성`을 기반으로 그래픽 도형을 그려 데이터를 시각적으로 구성하고 표시합니다.예를 들어, [영업 지역 보고서](https://demo.mescius.co.kr/activereportsjs/demos/Reports/BarChart/purejs)에서는 `가로 막대형 도표`가 지난 1년간의 지역별 판매 데이터를 표시합니다. 각 막대는 "Australia" 또는 "Canada"와 같은 지역(`범주 그룹`)을 나타내며, 막대의 길이는 해당 지역의 매출 값(`데이터 계열`)을 나타냅니다.

## 일반적인 도표 속성

### 이름

[문자열](/activereportsjs/docs/v6.1/ReportAuthorGuide/Report-Items/Common-Properties) 값으로 도표 이름을 정의하며, 이는 [축](/activereportsjs/docs/v6.1/ReportAuthorGuide/Report-Items/Data-Regions/Chart/axes) 구성 내에서 참조할 수 있습니다.

### 데이터 계열 컬렉션

`데이터 계열` 모음은 차트에 도표로 그려질 개별 데이터 포인트 집합을 정의합니다. 이 컬렉션의 각 항목은 하나의 계열을 나타내며, 모양과 동작을 제어하는 여러 속성을 포함합니다. 아래는 이러한 속성에 대한 설명입니다:

#### 공통

* **이름**: 데이터 계열의 이름입니다.
* **값**: 계열이 나타내는 데이터 값입니다. 도표 유형에 따라 하나 이상의 값을 포함할 수 있으며, 각 값은 캡션과 값 자체를 포함합니다. 두 속성 모두 [표현식](/activereportsjs/docs/v6.1/ReportAuthorGuide/Expressions)입니다.
* **툴팁 템플릿**: 마우스를 올렸을 때 표시되는 툴팁 내용을 사용자 정의할 수 있는 [표현식](/activereportsjs/docs/v6.1/ReportAuthorGuide/Expressions)입니다.

#### 동작

보고서 독자가 데이터 값을 나타내는 도형을 클릭했을 때 수행할 대화형 동작을 지정합니다. 자세한 내용은 [대화형 보고서](/activereportsjs/docs/v6.1/ReportAuthorGuide/Interactivity) 페이지를 참조하세요.

#### 레이블 텍스트

* **템플릿**: 계열의 레이블에 표시될 텍스트를 정의합니다.
* **오프셋**: 데이터 포인트를 나타내는 도형에 대해 레이블 위치를 조정합니다.
* 일부 [스타일 속성 및 텍스트 속성](/activereportsjs/docs/v6.1/ReportAuthorGuide/Report-Items/Common-Properties)은 레이블의 시각적 외형을 정의합니다.
* **텍스트 위치**: 데이터 포인트 도형에 대한 레이블의 위치를 결정합니다:
    * 자동
    * 가운데
    * 내부
    * 외부

#### 레이블 테두리

이 섹션의 [선 속성](/activereportsjs/docs/v6.1/#style-properties)은 레이블 테두리의 외형을 정의합니다.

#### 연결 선

이 섹션의 [선 속성](/activereportsjs/docs/v6.1/#style-properties)은 레이블과 해당 데이터 포인트 도형 사이를 연결하는 선의 외형을 정의합니다.

### 범주 그룹 및 계열 그룹

범주 그룹과 계열 그룹은 도표 시각화를 위한 데이터 구조화 방식을 정의합니다.

* **범주 그룹**: 제품 범주, 지역, 시간대 등 데이터를 세분화하는 기준을 정의합니다.
* **계열 그룹**: 각 범주 내에서 여러 데이터 계열을 비교할 수 있도록 하는 추가 세분화 수준을 제공합니다.

도표 유형마다 `범주 그룹` 및 `계열 그룹`을 해석하는 방식이 다를 수 있습니다. 자세한 설명과 예시는 아래에 나열된 개별 도표 유형 페이지를 참조하세요.

### 도표 템플릿

데이터 시각화를 위한 도표 유형을 결정합니다. 선택한 도표 유형에 따라 데이터 표현 방식이 달라지며, 해당 유형에 특화된 추가 속성이 도입될 수 있습니다. 각 도표 유형에 대한 자세한 정보는 아래 페이지를 참조하세요:

* 세로 및 가로 막대형 도표
* 꺾은선형 도표
* 면형 도표
* 원형 및 도넛형 도표
* 분산형 및 거품형 도표
* 나선형 도표
* 극좌표형 도표
* 방사형 꺾은선 도표
* 방사형 면 도표
* 방사형 분산 및 거품 도표
* 금융형 도표
* 게이지 도표

### 오버레이

도표에 데이터를 나타내는 도형(예: 막대, 선 등) 외에도 추가 정보를 제공하는 오버레이 요소를 포함할 수 있습니다. 오버레이는 데이터를 더 잘 이해할 수 있도록 도와주는 요소이며, 각 도표는 여러 오버레이를 포함할 수 있고, 오버레이 모음 편집기를 통해 수정할 수 있습니다. 자세한 내용은 [오버레이](/activereportsjs/docs/v6.1/ReportAuthorGuide/Report-Items/Data-Regions/Chart/오버레이) 페이지를 참조하세요.