[간트차트] 간트차트 무료 소프트웨어 TOP 5

프로젝트 관리 분야에서 일하고 있거나 작업 및 리소스 일정을 잡는 직책을 맡고 있다면 Therm Gantt 차트를 알고 계실 겁니다.

Gantt 차트를 사용하면 예약 된 모든 활동, 각 활동의 지속 시간, 활동이 다른 활동과 겹치는 위치 및 각 리소스가 배치 된 위치를 매우 명확하게 볼 수 있습니다. 이 차트는 다양한 작업이 어떻게 상호 연관되어 있는지, 그리고, 특정 목표를 달성하기 위해 다른 작업의 완료에 의존하는 방식을 명확히 인지하는 데 도움이 됩니다.

웹 개발자이고 JavaScript가 포함 된 멋진 내장형 Gantt Chart 구성 요소를 찾고 있다면 더 이상 검색하지 마십시오.

여기서 필요한 것을 찾을 수있을 것입니다.

웹 애플리케이션을위한 최고의 무료 Dynamic Gantt 구성 요소 5 가지 소프트웨어를 사용해보세요~

 

1. JSGanttImproved

jsGanttImproved

jsgantt-improved

Javascript, CSS 및 AJAX로 완전히 구축 된 모든 기능을 갖춘 간트 차트 구성 요소입니다. 가볍고 외부 라이브러리 나 추가 이미지가 필요하지 않습니다. 이 프로젝트에 포함 된 주요 기능은 다음과 같습니다.

• 작업 및 축소 가능한 작업 그룹.
• 종속성.
• 작업 완료.
• 작업 스타일링.
• 마일스톤.
• 자원.
• 작업의 동적로드.
• 형식의 동적 변경 : 시간, 일, 주, 월, 분기.
• XML에서 Gantt로드
  • 외부 파일에서 (MS Project XML 파일에 대한 실험적 지원 포함).
  • JavaScript 문자열에서.
• 국제화 지원 (하드 코딩 된 모든 문자열을 재정의 할 수 있음)

Github

 

2. JQuery Gantt

 

jQuery 간트

jQuery.Gantt

jQuery Gantt Chart는 간트 기능을 jQuery 구성 요소로 구현하는 간단한 차트입니다. 다음을 수행 할 수 있습니다.

• JSON 데이터 읽기
• 페이징 결과
• 각 작업에 대해 다른 색상 표시
• 간단한 설명을 힌트로 표시
• 휴일 표시

플러그인이 테스트되었으며 다음에서 작동해야합니다.

• Firefox 4 이상
• Chrome 13 이상
• Safari 5 이상
• Opera 9 이상
• IE 8 이상

이 플러그인은 MIT 라이선스에 따라 배포됩니다.

Github

 

3. JQuery GanttView

jQuery GanttView

jQuery Gantt

 

jQuery.ganttView 플러그인은 벡터 그래픽이나 이미지가 필요하지 않은 일반 HTML로 Gantt 차트를 만들기위한 매우 가벼운 플러그인입니다. 플러그인은 업데이트 된 데이터를 트랩하기 위해 Gantt 블록 및 콜백을 끌어서 크기 조정하는 것을 지원합니다.

플러그인은 다음 라이브러리에 따라 다릅니다.

• jQuery 1.4 이상 (분명히)
• jQuery-UI 1.8 이상
• date.js

현재 플러그인은 테스트되었으며 FF 3.5+, Chrome 5+, Safari 4+, IE8 +에서 작동합니다. IE7에는 사소한 문제가 있으며 IE6에서는 사용하지도 않았습니다. 모든 버전의 Internet Explorer에서 문제가 발생하고 CSS 수정 사항을 제공하려면 저장소를 방문하여 풀 요청을 작성하십시오. 여러 사람이 IE6 지원을 요청했습니다.

Github

 

반응형

 

4. TW Gantt

TW 간트

Create and share free Gantt chart - Twproject Gantt

 

원래 Twproject Gantt 편집기는 Gantts를 만들고 공유하기위한 무료 온라인 도구이지만 JavaScript로 작성된 Gantt 구성 요소를 제공하고 JSON 형식으로 결과 데이터를 내보내는 Gantts, 작업 트리, 종속성을 만들기 위해 jQuery를 기반으로 구축되었습니다.

• 내부 편집.
• 드래그 앤 드롭.
• 확대.
• 실행 / 실행 취소.
• 여러 종속성.
• 중요한 경로.
• 전체 편집.
• 날짜.
• 단축키.
• CSS 스킨.
• 이정표.
• 여러 브라우저.
• 자원 편집.
• 여러 할당.
• JSON 형식으로 데이터 내보내기 크기 조정 및 SVG 부드러운 그림 인쇄 친화적.

Gantt 뷰어 (따라서 읽기 전용)는 단일 구성 요소로 쉽게 압축 할 수 있지만 Gantt 편집기는 훨씬 더 복잡한 개체이므로 작성자는 플러그인이 아닌 임베디드 jQuery 응용 프로그램으로 생각하는 것을 선호합니다.

 

Github

 

5. DHTMLX Gantt Chart

DHTMLX 간트 차트

JavaScript Gantt Chart Library - DHTMLX Gantt

 

dhtmlxGantt는 Gantt 차트의 각 요소를 구성 할 수있는 풍부하고 유연한 JavaScript API를 제공합니다. 시간 척도 사용자 지정, 그리드 구조 정의, 작업 표시 줄 색상 변경, 작업 표시 줄에 텍스트 또는 사용자 지정 HTML 추가, 종속성 정의 ( 관계) 작업 간 등. 새 사용자 정의 필드를 포함하도록 작업 편집 양식 (라이트 박스)을 사용자 정의 할 수도 있습니다. 이 라이브러리의 주요 기능은 다음과 같습니다.

• 편집 가능 또는 읽기 전용 Gantt 차트
• JavaScript API를 통한 모든 권한
• 크로스 브라우저 : IE, FF, Chrome, Safari, Opera
• 키보드 탐색
• 터치 장치 지원 : iOS, Android
• jQuery 통합
• 풀 스크린 모드
• XML, JSON에서로드
• 작업 관리를위한 풍부한 드래그 앤 드롭 동작
• 타임 라인 영역에서 특정 시간을 표시하는 기능
• 툴팁
• 중요 경로 계산 (PRO 전용)
• 후방 계획
• 선택적 트리보기
• 사용자 정의 가능한 작업 편집 양식 (라이트 박스)
• 작업 그룹화 (PRO 전용)
• 기준선, 마감일 및 기타 사용자 지정 요소 지원 (PRO 전용)
• 세 가지 작업 유형 : 프로젝트 (PRO 전용), 작업, 마일스톤 (PRO 전용)
• 작업에 대한 진행률 채색
• 자동 예약 (PRO 전용)
• 예약되지 않은 작업 지원
• 종속성 화살표
• 개별 작업의 편집 가능성 / 읽기 전용 모드 관리를위한 간단한 API
• MS 프로젝트에서 내보내기 / 가져 오기
• 스마트 렌더링
• 실행 취소 / 다시 실행 기능
• 접근성

Gantt Chart는 jQuery, NodeJS, Angular, Angular 2 프레임 워크에서 쉽게 사용할 수 있습니다. 완전한 클라이언트 측 솔루션이므로 PHP (Laravel, Slim 및 기타 php 프레임 워크), ASP.NET, Ruby on Rails 등을 포함한 모든 서버 측 기술과 함께 사용할 수 있습니다. DHTMLX Gantt 차트 구성 요소는 특히 Google Chrome, Firefox, Internet Explorer (8+), Microsoft Edge, Safari와 같은 모든 주요 브라우저를 지원합니다. 이 구성 요소는 GPL 라이선스에 따라 무료입니다.

구글 Docs

 

 

 

 

이 글이 조금이나마 도움이 되셨다면 , 공감! 댓글! 부탁드립니다. ^^ 오늘도 행복한 하루 되세요~♡!!