패키지, 저장소 및 앱 카테고리 검색

gantt_chart 표지
패키지 상세v0.3.0

gantt_chart

순수하게 다트로 작성된 완전히 사용자 정의 가능한 간트 차트 패키지

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
187
좋아요
43
Pub 점수
160

패키지 설치

flutter pub add gantt_chart

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

전체적으로 Dart로만 구성된 완전히 사용자 정의 가능한 간트 차트 패키지로, 개발자가 여러 플랫폼에서 프로젝트 일정과 작업 의존성을 시각화할 수 있게 해줍니다. 동적 데이터 렌더링, 드래그 앤 드롭과 같은 상호작용 요소, 그리고 작업과 마일스톤에 대한 광범위한 스타일링 옵션을 지원합니다. 프로젝트 관리 앱, 스케줄링 도구, 생산성 대시보드에 이상적이며, Flutter 위젯 시스템과 원활하게 통합됩니다. 이 패키지는 가볍고 문서화가 잘 되어 있으며 커뮤니티에 의해 적극적으로 유지되고 있습니다.

사용 사례

  • 프로젝트 타임라인 시각화
  • 생산성 앱에서 작업 스케줄링
  • 자원 계획 대시보드
  • 애자일 스프린트 추적
  • 워크플로우 내 종속성 매핑

주요 기능

  • 완전히 사용자 정의 가능한 디자인
  • 드래그 앤 드롭 작업 조작
  • 마일스톤 및 종속성 지원
  • 기기 간 반응형 레이아웃
  • 내장 애니메이션 및 전환
  • 사용자 정의 동작을 위한 확장 가능한 API

적합한 대상

  • 프로젝트 관리 응용 프로그램
  • 팀 협업 도구
  • 소프트웨어 개발 계획
  • 교육 스케줄링 시스템
  • 엔터프라이즈 자원 계획

고려 사항

  • 복잡한 종속성 로직을 수동으로 처리해야 함
  • 매우 큰 데이터 세트에서는 성능이 저하될 수 있습니다
  • 제한된 내장 내보내기 기능
  • 스타일링은 Flutter 위젯에 익숙해야 합니다
  • 기본적으로 네이티브 인쇄 지원 없음

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

pub package

Github

A fully customizable gantt chart package written purely in dart

This package is still in active development and may experience breaking changes

Features

  • Sticky area to show event names
  • Fully customizable widget with builders
  • Either use relative or absolute dates

Usage

GanttChartView(
    maxDuration: const Duration(days: 30 * 2), //optional, set to null for infinite horizontal scroll
    startDate: DateTime(2022, 6, 7), //required 
    dayWidth: 30, //column width for each day
    eventHeight: 30, //row height for events
    stickyAreaWidth: 200, //sticky area width
    showStickyArea: true, //show sticky area or not
    showDays: true, //show days or not
    startOfTheWeek: WeekDay.sunday, //custom start of the week
    weekEnds: const {WeekDay.friday, WeekDay.saturday}, //custom weekends
    isExtraHoliday: (context, day) {
        //define custom holiday logic for each day
        return DateUtils.isSameDay(DateTime(2022, 7, 1), day);
    },
    events: [
        //event relative to startDate
        GanttRelativeEvent(
            relativeToStart: const Duration(days: 0),
            duration: const Duration(days: 5),
            displayName: 'Do a very helpful task',
        ),
        //event with absolute start and end
        GanttAbsoluteEvent(
            startDate: DateTime(2022, 6, 10),
            endDate: DateTime(2022, 6, 16),
            displayName: 'Another task',
        ),
    ],
),

카테고리

의존성

의존성 목록 2 개

소스 저장소

이 패키지를 사용하는 프로젝트

아직 데이터가 없습니다.