# 원형 및 도넛형 도표 만들기

## Content

## 소개

**원형 및 도넛형 도표**를 생성하고 구성하기 전에, 보고서에 차트를 추가했는지 확인하세요. 차트를 추가하고 `차트 마법사`를 실행하는 방법은 [차트 추가하기](/activereportsjs/docs/v6.1/#adding-a-chart)를 참조하세요. `차트 마법사`가 열리면 **원형 또는 도넛형 도표 유형을 선택**하고, 시각화할 데이터집합을 선택한 다음 **다음 페이지**로 진행합니다.

## 도표 설정

**원형 및 도넛형 도표**용 `차트 마법사`의 `설정` 페이지는 아래와 같은 구조로 되어 있습니다:

![image](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/e246fd18-2fe0-40c8-92dc-c49712028485/image.a98fd3.png)

이 페이지는 두 개의 섹션으로 구성되어 있습니다:

### 데이터 계열

**필드** [컬렉션](/activereportsjs/docs/v6.1/#collection)은 시각화할 **데이터 값**을 정의합니다. 이 값들은 다음과 같은 시각적 속성을 결정합니다:

* **각 원형 부채꼴의 호 길이** – 전체 값의 총합에 대한 해당 **데이터 값**의 비율을 나타냅니다.
* **색상 지정** – 전체의 각 **부분**은 고유한 색상으로 시각적으로 구분됩니다.

일반적으로 각 값은 `{Sum(SalesAmount)}`와 같은 [집계 표현식](/activereportsjs/docs/v6.1/)입니다.

### 계열 그룹

* **필드:** **원형 또는 도넛형 도표**가 어떻게 조각으로 나뉘는지를 결정하는 필드 또는 표현식을 선택합니다. 이 필드의 고유한 값마다 개별 조각 또는 구역이 생성됩니다. 일반적인 예로는 **제품 유형, 판매 채널, 지출 항목** 등이 있습니다.
* **정렬 방향:** 조각들이 해당 데이터 값에 따라 **오름차순** 또는 **내림차순**으로 정렬되는 방식을 지정합니다.

**데이터 값**과 **계열 그룹**을 구성한 후, `다음`을 클릭하여 차트 생성을 완료하기 위한 [미리보기 및 최종 조정](/activereportsjs/docs/v6.1/#preview-and-final-adjustments) 페이지로 이동합니다.