How can I help you?
Angular Gantt Chart Overview
18 May 20264 minutes to read
The Angular Gantt Chart is a project management component that provides a Microsoft Project-like interface for scheduling and managing projects. It enables you to visually manage tasks, task relationships, and resources with an intuitive and interactive timeline view.
Quick start
- Getting Started - Install and render your first Gantt Chart
- Live Demos - Explore interactive examples
- API Reference - Complete API documentation
Data binding and performance
- Data sources - Bind local arrays, JSON objects, or remote data using DataManager
- Load on demand - Load parent tasks initially and render child tasks on expansion for large datasets
- Virtual scrolling - Handle thousands of tasks with optimized rendering
Task management
- Task editing - Edit tasks inline, through dialogs, or by dragging taskbars
- Task dependencies - Define relationships using finish-to-start, start-to-finish, start-to-start, and finish-to-finish types
- Undo and redo - Revert or reapply recent actions in the Gantt Chart
- Task scheduling - Configure automatic or manual task scheduling modes
- Splitting tasks - Split tasks into multiple segments and merge them back
- Task constraints - Apply fixed dates or conditional scheduling restrictions
- Milestones - Mark key events with zero-duration tasks
- Row drag and drop - Reorder tasks within the hierarchy
- Adding tasks - Create new tasks programmatically or through UI
- Deleting tasks - Remove tasks with automatic dependency cleanup
Timeline and visualization
- Timeline configuration - Configure timeline tiers from minutes to decades with custom text
- Zooming - Zoom in and out to view tasks at different time scales
- Timezone support - Schedule projects across different timezones
- Taskbars - Customize taskbar appearance and display baselines for planned vs actual progres
- Critical path - Identify task sequences that determine project completion dates
- Baseline - Display planned vs actual schedules
Columns and layout
- Column configuration - Define grid structure and field display
- Column reordering - Allow users to rearrange columns
- Column resizing - Enable width adjustments
- Column templates - Customize cell and header content
- Frozen columns - Keep key fields visible during scrolling
- WBS column - Display hierarchical task numbering
- Column menu - Provide header context menus
- Tree column - Configure the hierarchical task name column
- Splitter - Adjust grid and timeline panel sizes
Data operations
- Sorting - Sort tasks by one or multiple columns
- Filtering - Filter tasks using menu, Excel-like, and toolbar search options
- Searching - Search across task data
- Selection - Select single or multiple rows and cells
- Context menu - Access common operations through right-click menus
- Immutability - Work with immutable data structures
- Observable collections - Bind to observable data sources
Resources and indicators
- Resource allocation - Assign and manage staff, equipment, and materials across tasks
- Resource view - Display tasks grouped by assigned resources
- Work mapping - Map effort units for resource planning
- Event markers - Highlight important dates or milestones in the timeline
- Data markers - Display custom indicators and flags on taskbars
- Holidays - Define non-working days in project schedules
User interface
- Toolbar - Add built-in or custom toolbar actions for common operations
- Row customization - Customize row appearance and height
- Drag and drop - Reorder tasks by dragging rows
- Editing dialogs - Use dialog forms for task editing
- Taskbar editing - Edit through drag and resize
- Indent and outdent - Adjust task hierarchy levels
- Keyboard navigation - Navigate and edit using keyboard shortcuts
- Events - Hook into lifecycle and user interaction events
- Multi-taskbar - Display multiple taskbars per row
Export
- Excel export - Export grid data to Excel and CSV
- PDF export - Export chart to PDF with customization options
- Header and footer - Customize PDF headers and footers
Integration and Migration
- SignalR integration - Enable real-time collaboration
- API migration - Upgrade from Essential JS 1 to JS 2
Additional features
- Localization - Support multiple languages and regional formats
- RTL support - Enable right-to-left layout for Arabic and Hebrew
- Accessibility - WCAG 2.2, Section 508, and ADA compliance
- State persistence - Save and restore component state