[]
간트 차트(Gantt chart)에서는 TaskbarLayout
클래스를 사용하여 링크 라인 모드, 작업 막대 높이, 날짜-텍스트 형식, 작업 막대를 하루 단위로 반올림하는 등의 작업 레이아웃을 구성할 수 있습니다.
프로젝트는 간트 차트 뷰에서 작업 간 종속 관계를 강조하는 링크 라인을 표시합니다. 필요 시 linkLineMode
옵션 값을 설정하여 링크 라인의 표시 방식을 사용자 지정하거나 숨길 수 있습니다. 세 가지 링크 라인 모드가 있으며, 기본 모드는 toTop
입니다.
속성 값 | 결과 |
---|---|
ganttSheet.project.layout.linkLineMode = "noLinks"; | |
ganttSheet.project.layout.linkLineMode = "toTop"; | |
ganttSheet.project.layout.linkLineMode = "toEnd"; |
barHeight
옵션을 사용하여 작업 막대의 높이를 설정할 수 있습니다. 기본값은 12픽셀입니다.
아래 코드 샘플은 작업 막대 높이를 36으로 설정합니다:
var barHeight = 36;
ganttSheet.project.layout.barHeight = barHeight;
출력 결과는 아래와 같습니다:
작업 막대에 날짜 필드를 추가하면 날짜 텍스트가 표시됩니다. barTextDateFormat
옵션을 사용하여 날짜 형식을 사용자 지정할 수 있습니다. 기본 날짜 형식은 "yyyy/mm/dd hh:mm"
입니다.
아래 코드 샘플은 날짜 형식을 "yyyy/mm/dd"
로 설정합니다:
var barTextDateFormat = "yyyy/mm/dd";
ganttSheet.project.layout.barTextDateFormat = barTextDateFormat;
출력 결과는 아래와 같습니다:
실제 작업 기간은 항상 정수 일수로 떨어지지 않을 수 있습니다. 작업 기간 값을 반올림된 값으로 덮어쓰려면 roundBarsToWholeDays
옵션 값을 true
로 설정하세요. 이 옵션은 작업 막대를 하루 단위로 반올림하여 표시합니다.
속성 값 | 결과 |
---|---|
ganttSheet.project.layout.roundBarsToWholeDays = true; | |
ganttSheet.project.layout.roundBarsToWholeDays = false; |