간트 차트 구성요소

간트 차트는 간트 시트에서 프로젝트 일정을 나타내는 특수한 시트 열입니다.

이 차트는 각 작업의 시작일과 종료일을 표시하며, 일반적으로 각 작업의 완료 상태나 작업 간 종속성과 같은 정보도 추가로 제공합니다.

간트 차트는 기본적으로 Timescale(시간 축) 과 Chart Area(차트 영역) 의 두 가지 주요 구성 요소로 이루어져 있습니다.

시간축

시간축은 간트 차트의 열 머리글을 나타냅니다. 연도, 분기, 월, 주, 일 등과 같은 작은 또는 큰 시간 단위를 표시합니다.

간트 차트에서의 최대 시간 단위는 연도이며, 최소 시간 단위는 15분입니다.

시간축은 세 개의 서로 다른 계층(tier)과 하나의 계층 구분선(scale separator)으로 구성됩니다.

시간축 티어

간트 차트에는 시간 단위를 표시하기 위한 세 가지 계층 모드가 있습니다: middle, middleBottom, topMiddleBottom

시간축의 계층 모드를 설정하려면 TimescaleTierMode 열거형을 사용할 수 있습니다.

다음은 간트 차트에서 시간 축 계층 모드를 설정하는 코드 샘플입니다:

// 시간축에 대한 티어 모드 설정
   var timescale = ganttSheet.project.timescale; 
   timescale.tierMode = GC.Spread.Sheets.GanttSheet.TimescaleTierMode.middle;

하나의 timescale tier는 다음과 같은 구성 가능한 속성을 가집니다:

다음은 middle tier의 속성을 구성하는 예시 코드입니다:

// 티어 구성 설정
var timescale = ganttSheet.project.timescale;
var targetTier = "middleTier";
timescale[targetTier].unit = GC.Spread.Sheets.GanttSheet.TimescaleUnit.days;
timescale[targetTier].count = 2;
timescale[targetTier].labelAlign = "Center";
timescale[targetTier].formatter = "dddd";
timescale[targetTier].showTickLines = false;

시간축 구분선

showScaleSeparator 옵션을 설정하여 topMiddleBottom 계층과 middle 계층 사이에 구분선을 표시할 수 있습니다.

이 옵션의 기본값은 True입니다. 구분선을 숨기려면 해당 옵션 값을 false로 설정해야 합니다.

다음은 축 구분선 라인을 숨기는 코드 샘플입니다:

// 스케일 구분선 숨김
ganttSheet.project.timescale.showScaleSeparator = false;

아래의 GIF는 간트 차트에서 시간 축 설정을 구성한 모습을 보여줍니다:

차트 영역

차트 영역(chart area)은 간트 차트의 본문 영역을 나타냅니다.

이 영역에서는 작업 시간/비작업 시간을 표시하고, 차트 레이아웃 구성, 작업 바(taskbar) 스타일 변경, 작업 요약 추가, 격자선 표시, 작업 연결/해제 등의 기능을 설정할 수 있습니다. 또한, 레이아웃 스타일 변경, 간트 차트 확대/축소, 시간 축 수평/수직 스크롤 등도 가능합니다.

차트 영역 및 다양한 기능 구성을 위해 다음 항목들을 참조할 수 있습니다: