# 작업 레이아웃

## Content

간트 차트에서는 `TaskbarLayout` 클래스를 사용하여 링크 라인 모드, 작업 막대 높이, 날짜-텍스트 형식, 작업 막대를 하루 단위로 반올림하는 등의 작업 레이아웃을 구성할 수 있습니다.

## **링크 라인 모드**

프로젝트는 간트 차트 뷰에서 작업 간 종속 관계를 강조하는 링크 라인을 표시합니다. 필요 시 `linkLineMode` 옵션 값을 설정하여 링크 라인의 표시 방식을 사용자 지정하거나 숨길 수 있습니다. 세 가지 링크 라인 모드가 있으며, 기본 모드는 `toTop`입니다.

| **속성 값** | **결과** |
| ---- | --- |
| ganttSheet.project.layout.linkLineMode = "noLinks"; | ![noLink_Linkmode](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/df1fe1ee-eb3c-4da7-8c20-a0d8d2b7e734/noLink_Linkmode.d746ed.png?width=400) |
| ganttSheet.project.layout.linkLineMode = "toTop"; | ![ToTop_Linkmode](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/df1fe1ee-eb3c-4da7-8c20-a0d8d2b7e734/ToTop_Linkmode.a2b735.png?width=400) |
| ganttSheet.project.layout.linkLineMode = "toEnd"; | ![ToEnd_Linkmode](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/df1fe1ee-eb3c-4da7-8c20-a0d8d2b7e734/ToEnd_Linkmode.914e7b.png?width=400) |

## **작업 막대 높이**

`barHeight` 옵션을 사용하여 작업 막대의 높이를 설정할 수 있습니다. 기본값은 12픽셀입니다.
아래 코드 샘플은 작업 막대 높이를 36으로 설정합니다:

```javascript
var barHeight = 36;
ganttSheet.project.layout.barHeight = barHeight;
```

출력 결과는 아래와 같습니다:
![TaskBarHeight](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/df1fe1ee-eb3c-4da7-8c20-a0d8d2b7e734/TaskBarHeight.9cfd4d.png?width=500)

## **작업 막대 날짜 형식**

작업 막대에 날짜 필드를 추가하면 날짜 텍스트가 표시됩니다. `barTextDateFormat` 옵션을 사용하여 날짜 형식을 사용자 지정할 수 있습니다. 기본 날짜 형식은 `"yyyy/mm/dd hh:mm"`입니다.
아래 코드 샘플은 날짜 형식을 `"yyyy/mm/dd"`로 설정합니다:

```javascript
var barTextDateFormat = "yyyy/mm/dd";
ganttSheet.project.layout.barTextDateFormat = barTextDateFormat;
```

출력 결과는 아래와 같습니다:
![TaskbarDateformat](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/df1fe1ee-eb3c-4da7-8c20-a0d8d2b7e734/TaskbarDateformat.d74d9c.png?width=220)

## **하루 단위로 반올림**

실제 작업 기간은 항상 정수 일수로 떨어지지 않을 수 있습니다. 작업 기간 값을 반올림된 값으로 덮어쓰려면 `roundBarsToWholeDays` 옵션 값을 `true`로 설정하세요. 이 옵션은 작업 막대를 하루 단위로 반올림하여 표시합니다.

| **속성 값** | **결과** |
| ---- | --- |
| ganttSheet.project.layout.roundBarsToWholeDays = true; | ![Roundtowholedays_True](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/df1fe1ee-eb3c-4da7-8c20-a0d8d2b7e734/Roundtowholedays_True.689b16.png?width=440) |
| ganttSheet.project.layout.roundBarsToWholeDays = false; | ![Roundtowholedays_false](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/df1fe1ee-eb3c-4da7-8c20-a0d8d2b7e734/Roundtowholedays_false.2a415f.png?width=440) |