Resource Leveling

Source code

1
import { GANTT_RESOURCE_PLANNING_DEMO } from './gantt-advanced-data';
2
import { loadAdvancedGanttDemo } from './GanttAdvancedVanillaDemo';
3

4
export function load(parentSelector: string) {
5
  return loadAdvancedGanttDemo(parentSelector, GANTT_RESOURCE_PLANNING_DEMO);
6
}

1
<template>
2
  <GanttAdvancedDemo :demo="GANTT_RESOURCE_PLANNING_DEMO" />
3
</template>
4

5
<script setup lang="ts">
6
import GanttAdvancedDemo from './GanttAdvancedDemo.vue';
7
import { GANTT_RESOURCE_PLANNING_DEMO } from './gantt-advanced-data';
8
</script>

1
import React from 'react';
2
import GanttAdvancedDemo from './GanttAdvancedReactDemo';
3
import { GANTT_RESOURCE_PLANNING_DEMO } from './gantt-advanced-data';
4

5
export default function GanttResourcePlanning() {
6
  return <GanttAdvancedDemo demo={GANTT_RESOURCE_PLANNING_DEMO} />;
7
}

1
import { Component, NO_ERRORS_SCHEMA, ViewEncapsulation } from '@angular/core';
2
import { RevoGrid } from '@revolist/angular-datagrid';
3
import { GanttAdvancedAngularBase } from './GanttAdvancedAngularBase';
4
import { GANTT_RESOURCE_PLANNING_DEMO } from './gantt-advanced-data';
5
import { defineGanttResourcePlanningToolbarElement } from './gantt-resource-planning-toolbar';
6

7
defineGanttResourcePlanningToolbarElement();
8

9
@Component({
10
  selector: 'gantt-resource-planning-grid',
11
  standalone: true,
12
  // Allows Angular demos to bind RevoGrid plugin props that are not wrapper inputs.
13
  schemas: [NO_ERRORS_SCHEMA],
14
  imports: [RevoGrid],
15
  template: `
16
    <div style="height: 560px; display: flex; flex-direction: column; gap: 8px">
17
      <gantt-resource-planning-toolbar
18
        [options]="resourcePlanningToolbarOptions"
19
        (gantt-resource-planning-toolbar-options-change)="
20
          setResourcePlanningToolbarOptions($any($event).detail)
21
        "
22
      ></gantt-resource-planning-toolbar>
23
      <revo-grid
24
        style="height: 100%"
25
        [theme]="theme"
26
        [hideAttribution]="true"
27
        [plugins]="plugins"
28
        [source]="tasks"
29
        [columns]="columns"
30
        [gantt]="ganttConfig"
31
        [ganttDependencies]="dependencies"
32
        [ganttCalendars]="calendars"
33
        [ganttResources]="resources"
34
        [ganttAssignments]="assignments"
35
      ></revo-grid>
36
    </div>
37
  `,
38
  encapsulation: ViewEncapsulation.None,
39
})
40
export class GanttResourcePlanningGridComponent extends GanttAdvancedAngularBase {
41
  protected readonly demo = GANTT_RESOURCE_PLANNING_DEMO;
42
}

Enable deterministic auto-leveling with:

1
grid.gantt = {
2
  scheduling: {
3
    resourceLeveling: 'auto',
4
    resourceLevelingWithinSlack: false,
5
  },
6
};

Auto-leveling delays later overlapping automatic tasks until the resource is available, then reports resource-leveling-adjustment.

Leveling Controls

Per-task leveling controls:

1
const task = {
2
  priority: 900, // 0-1000; higher priority is protected first
3
  canLevel: true, // false keeps the task fixed during auto-leveling
4
  levelingDelayDays: 2, // stored calendar-day delay applied by leveling
5
};

Deterministic auto-leveling order:

Non-levelable tasks first (fixed blockers).
Higher priority before lower priority.
Earlier start date, then task id.

Constraints and Actuals

The leveling implementation avoids moving:

Manually scheduled tasks.
Tasks with actualStartDate or actualFinishDate.
Summary tasks.
Inactive tasks.
Tasks pinned by must-start-on or must-finish-on.