«

About ScheduleJS

1 - Installation

2 - Tutorial

2.1 - Angular

2.2 - Simple Aircraft Gantt

3 - Elements

3.1 - GanttChart

3.1.1 - Graphics Header

3.1.2 - Info Column

3.2 - Multiple GanttCharts

3.3 - Graphics

3.3.1 - System Layers

3.3.2 - Drag & Drop

3.3.3 - Event Handling

3.3.4 - Activity Editing

3.3.5 - Activity Rendering

3.3.6 - Row Headers

3.4 - Timeline

3.4.1 - Timeline Model

3.5 - Dateline

3.5.1 - Dateline Model

3.6 - Eventline

4 - Model

4.1 - Activity

4.1.1 - ChartActivity

4.1.2 - CompletableActivity

4.1.3 - HighLowChartActivity

4.2 - ActivityRef

4.3 - ActivityLink

4.4 - ActivityRepository

4.4.1 - IntervalTreeActivityRepository

4.4.2 - ListActivityRepository

4.5 - Row

4.6 - Model Layers

4.7 - LinesManager

4.8 - Layout

4.8.1 - GanttLayout

4.8.2 - ChartLayout

4.9 - Calendars

5 - Styling (CSS)

4.1.2 - CompletableActivity

Created by Thomas Zimmermann, last modified on Nov 02, 2021

A completable activity is an activity that carries a "percentage complete" value between 0 and 100%. Completable activities are drawn with a completable activity bar renderer. This renderer fills the background of the activity based on the percentage complete value. The image below shows an example.