Question 1

How to install ngx-gantt in an Angular project?

Accepted Answer

Install via npm or yarn by running 'npm i @worktile/gantt html2canvas --save', then import NgxGanttModule in your app.module.ts and include the SCSS styles in angular.json or style.scss. Refer to the getting started guide for detailed steps and configuration.

Question 2

ngx-gantt vs other Angular Gantt chart libraries

Accepted Answer

ngx-gantt offers modern Angular integration with drag-and-drop and export features, but lacks virtual scrolling compared to some alternatives. It's best for teams prioritizing Angular ecosystem fit and interactive capabilities over cross-framework compatibility or advanced performance optimizations.

Question 3

How to export a Gantt chart as an image with ngx-gantt?

Accepted Answer

Use the built-in export functionality that relies on html2canvas; after installation, the component supports exporting charts as images with minimal code. Check the documentation for specific methods or events to trigger exports programmatically.

Question 4

Does ngx-gantt support task dependencies and milestones?

Accepted Answer

Yes, based on the project description, it visualizes task dependencies, but for implementation details, refer to the official documentation which covers linking tasks and advanced features. Ensure your data model includes dependency fields as per the guides.

Question 5

How to customize the look and feel of ngx-gantt?

Accepted Answer

Theme ngx-gantt using SCSS variables and custom styles; import the provided SCSS file and override variables or add custom CSS. The modular design allows deep customization of table columns, chart bars, and overall layout to match your application's design system.

Question 6

Is ngx-gantt suitable for handling thousands of tasks?

Accepted Answer

Currently, ngx-gantt lacks virtual scrolling, so performance with very large datasets might degrade, leading to slow rendering. If your project involves massive timelines, consider this limitation or wait for virtual scrolling implementation from the roadmap.

ngx-gantt

What is ngx-gantt?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions