amCharts 5: Gantt

amCharts일정 관리 및 계획 도구JavaScript
버전 5.x (2026년 8월 13일)

사용자 지정 가능한 열로 대화형 시간 기반 Gantt 차트를 만드세요.

  • 일정과 시간 기반 활동을 수평 막대 차트로 표시합니다.
  • 카테고리뿐 아니라 임의의 시간 값에서 시작하는 막대를 지원합니다.
  • 현대적인 웹 프레임워크 및 Canvas 렌더링과 원활하게 통합됩니다.
amCharts logo

가격:

로딩 중...
개별로 이용 가능판매가
amCharts 5: Gantt로딩 중

체험판 이용 가능 무료 평가판을 위해 문의하세요

amCharts 5: Gantt 제품 이미지
amCharts 5: Gantt는 막대 차트 형식을 확장하여 일정 또는 시간 기반 활동을 나타내는 Gantt 차트를 생성하는 데 특화되어 있습니다. 개발자가 특정 시간 값에서 시작하는 막대를 그릴 수 있게 하여 타임라인을 유연하게 시각화할 수 있습니다. 현대적인 JavaScript 프레임워크에서 사용할 수 있도록 설계되었으며, 다양한 스케줄링 요구에 맞게 성능이 최적화된 렌더링과 쉬운 사용자 지정을 지원합니다.

시간 기반 수평 축

Gantt 차트는 시간 기반 수평 축을 사용하여 시간 경과에 따른 일정과 기간을 정확하게 표현하며, 다양한 날짜 및 기간 형식을 지원해 타임라인 시각화의 유연성을 제공합니다.

임의 시작 값을 가진 막대

차트의 막대는 카테고리 축에 정렬되는 대신 임의의 시간 값에서 시작하므로, 타임라인을 따라 특정 시작점과 종료점을 가진 작업이나 활동을 정확하게 매핑할 수 있습니다.

Open Value 필드 구성

column series에서 openValueXField를 설정하면, 구성 요소가 막대 위치를 실제 시작 시간에 맞게 조정하여 표준 막대 차트를 Gantt 차트로 변환합니다.

현대적 프레임워크와의 통합

React, Angular, Vue와 같은 널리 사용되는 개발 툴킷과 원활하게 작동하도록 제작되어, 웹 애플리케이션 내에 대화형 Gantt 차트를 쉽게 삽입할 수 있습니다.

성능을 위한 Canvas 렌더링

브라우저의 Canvas API를 활용해 빠르게 렌더링하고, DOM 복잡도를 줄이며, 한 페이지에 많은 차트 요소가 있어도 매끄러운 상호작용을 가능하게 합니다.

증분 데이터 처리

효율적인 증분 업데이트와 가벼운 데이터 처리는 응답성과 확장성을 향상시키며, 동적인 일정 변경과 실시간 데이터 새로 고침을 지원합니다.

사용자 지정 가능한 외형

색상 구성, 막대 모양, 축 형식을 포함한 유연한 스타일링과 테마를 지원하여 프로젝트 또는 브랜드 요구사항에 맞게 시각적 표현을 조정할 수 있습니다.

대화형 요소와 툴팁

호버 효과, 툴팁, 선택 가능한 요소를 통해 상호작용을 제공하여 사용자의 참여를 높이고 개별 일정 항목에 대한 자세한 정보를 제공합니다.

접근성 및 터치 지원

키보드 탐색 가능성, 화면 판독기 호환성, 최적화된 터치 상호작용을 보장하여 모든 기기와 모든 사용자에게 차트를 접근 가능하게 만듭니다.

제품 호환성

아래의 세부 정보를 확인하여 이 제품이 사용 환경에서 지원되는지 확인하세요.

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • Angular
  • React
  • Vanilla JavaScript
  • Vue.js