DHTMLX Gantt is a JavaScript Gantt chart library used for project scheduling and task management in RapidPM.
| Feature | Purpose |
|---|---|
| Task Scheduling | Create and manage project tasks |
| Dependencies | Link tasks with predecessor relationships |
| Resource Assignment | Assign users to tasks |
| Timeline View | Visualize project schedule |
| Drag & Drop | Interactive task editing |
| Critical Path | Identify schedule-critical tasks |
| Environment | Version |
|---|---|
| All | 9.1.0 (PRO) |
| Server | Status |
|---|---|
| rapidpm-prod | Bundled in Angular build |
| rapidpm-test | Bundled in Angular build |
| Local dev | npm dependency |
{
"dhtmlx-gantt": "^9.1.0"
}
Key settings in gantt-config.ts:
gantt.config.autofit = true;
gantt.config.auto_scheduling = false; // Disabled for large datasets
gantt.config.drag_move = true;
gantt.config.drag_resize = true;
gantt.config.drag_progress = true;
| Rule | Reason |
|---|---|
| Never modify TaskID | Syncfusion framework IDs are immutable |
Don't use visible:false |
Use showColumnMenu instead |
| Disable autoCalculateDateScheduling | Performance issue with >500 tasks |
Type: Commercial PRO License
Seats: Per-developer license
Renewal: Annual
See Licenses for details.
rpm-ui/src/app/rpm/components/
├── gantt-chart/
│ ├── gantt-chart.component.ts # Main Gantt component
│ ├── gantt-config.ts # Configuration
│ └── gantt-events.ts # Event handlers
└── task-editor/ # Task editing dialog