Announcing Bryntum Gantt v1.1.0 – With Baselines, Critical Paths and Progress Line

We are happy to announce Bryntum Gantt v1.1.0 – a feature packed release. This release contains no less than three major new features:

• Baselines
• Critical paths
• Progress line

We have also added a number of new columns, fixed a few bugs and improved the documentation. Let’s dig into the new features!

Baselines#

A baseline is a snapshot of the project schedule at a certain given date. It is commonly used to compare the original project plan approved by stakeholders, against an updated or refined plan. As a project progresses, some delays are inevitable due to unforeseen circumstances. Using the baselines feature, you can see how much a certain task has slipped compared to what was in the original plan.

We support any number of baselines, a major improvement over our old Ext Gantt which supports just one set of baseline dates. To enable the baselines feature, just enable the feature:

const gantt = new Gantt({
  features : {
    baselines : true
  }
});

Your task data should then include any baseline data you want to show, as an array:

{
    "id": 4034,
    "name": "Make test release",
    "percentDone": 0,
    "duration": 3,
    "startDate": "2019-03-12",
    "endDate": "2019-03-15",
    "baselines": [
        {
            "startDate": "2019-03-11T23:00:00",
            "endDate": "2019-03-14T23:00:00"
        },
        {
            "startDate": "2019-03-11T23:00:00",
            "endDate": "2019-03-14T23:00:00"
        },
        {
            "startDate": "2019-03-11T23:00:00",
            "endDate": "2019-03-14T23:00:00"
        }
    ]
},

For more information, please see the new baselines example or check out the feature documentation

Critical Paths#

The project critical path (or CP) is a chain of linked tasks that directly affects the project end date. If any of the tasks on the critical path is delayed, the project will be delayed. There may be multiple such critical paths in a project.

The critical path feature is included by default but disabled, to show the paths simply enable the feature

gantt.features.criticalPaths.disabled = false;

Along with the critical path feature we also added columns to show you early/late dates as well as slack for the tasks in the project.

• EarlyStartDate column
• EarlyEndDate column
• LateStartDate column
• LateEndDate column
• TotalSlack column

For more information, please see the new critical paths example or check out the feature documentation

Progress Line#

The progress line in a Gantt chart lets you easily monitor the schedule progress. It helps you identify tasks that are behind or ahead of schedule.

To show the progress line in your project, simply enable the feature like this:

const gantt = new Gantt({
    features : {
        progressLine : true
    }
});

For more information, please see the new progress line example or check out the feature documentation

Learn more#

For full details on what’s new, please see the change log.

• Gantt product page
• Gantt API docs
• Gantt examples