# 세로 막대형 및 가로 막대형 도표 사용자정의 (표준, 극좌표형, 나선형)

## Content

## 소개

[세로 막대형, 가로막대형, 극좌표형, 나선형 도표를 생성한 후](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Data-Regions/Chart/plot/column/세로-막대형-가로-막대형-극좌표형--나선형-도표-만들기), 보고 목적에 맞게 해당 도표의 모양을 사용자 정의할 수 있습니다.

## 도표 항목 모양

이러한 도표의 시각적 요소는 각 도형의 기하학적 표현에 따라 다릅니다:

* **세로 막대형** 및 **가로 막대형** 도표는 **사각형**으로 구성됩니다.
* **극좌표형** 도표는 **원형 섹터**로 구성됩니다.
* **나선형** 도표는 **곡선 막대**로 구성됩니다.

이 모든 도형에 대해, **차트 디자이너 상단 핸들** 또는 **도표 속성 패널**에서 `데이터 계열` 항목을 선택하여 다음과 같은 시각 속성을 구성할 수 있습니다:

* **`선 색`**, **`선 스타일`**, **`선 너비`** – 도형의 **테두리 스타일**을 정의하는 [스타일 표현식](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Common-Properties)
* **`배경색`** – 도형의 **채우기 색상**을 지정하는 [스타일 표현식](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Common-Properties)
* **`투명도`** – 투명도를 조절하는 **백분율 값**
    * `100%` = 완전히 불투명
    * `0%` = 완전히 투명

> [표현식(Expressions)](/activereportsjs/docs/ReportAuthorGuide/Expressions)을 사용하여 필드 값이나 보고서 매개변수에 따라 채우기 및 테두리 색상을 동적으로 설정할 수 있습니다.

## 열형 및 막대형 도형

`세로 막대형` 및 `가로 막대형` 도표의 사각형 도형은 도표 설정에서 제공하는 다음의 **백분율 기반 속성**을 통해 **크기와 형태**를 조정할 수 있습니다:

* **`너비`** – `세로 막대형` 도표에서는 **세로 막대 너비**, `가로 막대` 도표에서는 **가로 막대 높이**를 조절합니다. 이는 각 범주에 할당된 공간 대비 도형이 차지하는 비율입니다.
    * 축은 모든 범주에 대해 **균등하게** 나뉘며, 이 속성은 도형이 해당 공간에서 차지하는 백분율을 지정합니다.
    * **기본값:** `55%`
    * **예시:** [누적 세로 막대형 도표 데모](https://demo.mescius.co.kr/activereportsjs/demos/Reports/StackedColumnPlot/purejs)에서 `90%`로 설정하면 열 간 간격이 줄어듭니다.
* **`Overlap`** – 인접한 열 또는 막대 간의 **간격**을 범주 크기 기준으로 지정합니다.
* **`목 높이`** – 하나의 열 또는 막대를 서로 다른 너비 또는 높이의 두 섹션으로 나눕니다. 다음 속성으로 조절합니다:
    * **`상단 너비`** – 상단 섹션의 너비 또는 높이
    * **`바닥 너비`** – 하단 섹션의 너비 또는 높이
    * **예시:**
        * **목 높이 = 60%**, **바닥 너비 = 85%**, **상단 너비 = 0%** 로 설정
        * [묶은 세로 막대 도표 데모](https://demo.mescius.co.kr/activereportsjs/demos/Reports/ClusteredColumnPlot/purejs)에서 처럼 **총알 모양** 도형이 생성됩니다.

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