# 간트 차트 형식 탭

## Content

**간트 차트 형식** 탭은 간트 시트 내에서 작업 막대의 스타일, 눈금선, 레이아웃 등을 사용자 지정할 수 있는 다양한 옵션을 제공합니다. SpreadJS에 간트 시트를 삽입하면 기본적으로 **간트 차트 형식** 탭이 표시됩니다.
![1.dac41f.png](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/216c2e7e-5246-4c37-8843-3854aa344a6a/1.dac41f.9371a8.png?width=800)
아래 표는 이 탭에 포함된 섹션들과 그 설명을 나열한 것입니다:

| **섹션** | **설명** |
| --- | --- |
| **형식** | 모든 작업 표시줄의 눈금선 정보를 수정하고 작업 표시줄 간 의존성 연결 스타일을 변경하는 옵션을 제공합니다. |
| **막대 스타일** | 미리 정의된 스타일 규칙을 사용하여 특정 작업 표시줄의 스타일을 수정하는 옵션을 제공합니다. |

### 눈금선

**눈금선** 버튼은 **형식** 그룹에 있으며, 시각적 향상을 위해 눈금선 설정을 조정할 수 있습니다.
SpreadJS 간트 차트에는 다음과 같은 눈금선 종류가 있습니다:

| **눈금선** | **예시** |
| --- | --- |
| 간트 행 | ![image](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/d37fbce1-6a37-43ce-b728-dd79fba68421/image.7727c2.png?width=400) |
| 최상위 계층 열 | ![image](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/d37fbce1-6a37-43ce-b728-dd79fba68421/image.01a006.png?width=400) |
| 중간 계층 열 | ![image](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/d37fbce1-6a37-43ce-b728-dd79fba68421/image.e207f7.png?width=400) |
| 최하위 계층 열 | ![image](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/d37fbce1-6a37-43ce-b728-dd79fba68421/image.5d7c82.png?width=400) |
| 현재 날짜 | ![image](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/d37fbce1-6a37-43ce-b728-dd79fba68421/image.d9c88d.png?width=400) |
| 프로젝트 시작 | @rows=2:![image](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/d37fbce1-6a37-43ce-b728-dd79fba68421/image.e9ebd9.png?width=400) |
| 프로젝트 종료 |

### 레이아웃

**레이아웃** 버튼도 **형식** 그룹에 속하며, 작업 막대 간의 종속성과 외관을 사용자 지정하여 더 나은 구성을 가능하게 합니다.
간트 차트에서는 링크 선 모드, 작업 막대 높이, 날짜 텍스트 형식, 작업 막대를 전체 일 단위로 반올림하는 설정 등을 구성할 수 있습니다.

![image](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/216c2e7e-5246-4c37-8843-3854aa344a6a/image.0fd860.png?width=380)

### 형식

**형식** 버튼은 **막대 스타일** 그룹에 있으며, 미리 정의된 규칙에 따라 작업 막대 스타일을 사용자 지정하고 선택한 스타일을 모든 일치하는 작업에 적용할 수 있습니다.
**형식** 버튼에는 두 가지 하위 항목이 있습니다: **막대**와 **막대 스타일**.
![4.d2e474.png](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/216c2e7e-5246-4c37-8843-3854aa344a6a/4.d2e474.290bd4.png)
**막대**를 클릭하면 **막대 형식** 대화 상자가 나타납니다. 여기서 선택한 작업 막대의 모양과 텍스트를 사용자 지정할 수 있습니다. 참고로, 여러 작업이 선택된 경우 기본적으로 변경 사항은 첫 번째 선택된 작업에만 적용됩니다.
![image](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/d37fbce1-6a37-43ce-b728-dd79fba68421/image.10d78e.png)
![image](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/d37fbce1-6a37-43ce-b728-dd79fba68421/image.6ab577.png?width=600)
현재는 열에 제공된 정보만 작업 막대의 텍스트로 설정할 수 있습니다.
![image](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/d37fbce1-6a37-43ce-b728-dd79fba68421/image.1d8f4a.png?width=950)
반면, **막대 스타일**을 클릭하면 **막대 스타일** 대화 상자가 나타납니다. SpreadJS는 총 15개의 미리 정의된 작업 막대 스타일을 제공합니다. 특정 작업 막대의 스타일을 스타일 규칙으로 지정하여 변경할 수 있으며, 해당 규칙과 일치하는 모든 작업에 변경 사항이 적용됩니다. 단, 작업 막대가 자체 스타일을 가지고 있다면 해당 스타일이 우선 적용됩니다.
![image](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/216c2e7e-5246-4c37-8843-3854aa344a6a/image.1fdf9e.png?width=791)
눈금선, 작업 막대 형식 스타일 및 사용자 지정 옵션에 대한 자세한 내용은 [눈금선](/spreadjs/docs/v19/features/ganttsheet/gridlines), [작업 레이아웃](/spreadjs/docs/v19/features/ganttsheet/task-layout), [작업 막대 스타일](/spreadjs/docs/v19/features/ganttsheet/taskbar-styles) 페이지도 참고할 수 있습니다.