From 287eb3e4441ce27dcf762a1446d4dd3c74402f62 Mon Sep 17 00:00:00 2001 From: Scholar Jaruha Date: Mon, 16 Jun 2025 16:44:41 +0300 Subject: [PATCH] SEO-203521-Angular-Gantt-Chart-External-Linking --- README.md | 46 ++++++++++++++++++++++++++++++++++++++++------ 1 file changed, 40 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 2703057..3fbe84e 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,6 @@ # Getting Started with the Angular Gantt Chart Component -A quick-start Angular project that shows how to add and work with the Angular Gantt Chart component of Syncfusion using the Angular CLI toolchain. This project contains simple code customization, as well as some important features like setting timeline views, column customization and task dependencies. - -Documentation: https://ej2.syncfusion.com/angular/documentation/gantt/getting-started/ - -Online examples: https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/default +The [Angular Gantt Chart](https://www.syncfusion.com/angular-components/angular-gantt-chart?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples) is a project planning and management tool used to display and manage hierarchical tasks with timeline details. A quick-start Angular project that shows how to add and work with the Angular Gantt Chart component of Syncfusion using the Angular CLI toolchain. This project contains simple code customization, as well as some important features like setting timeline views, column customization and task dependencies. ## Project prerequisites @@ -12,4 +8,42 @@ Make sure that you have the latest versions of NodeJS and Visual Studio Code in ### How to run this application? -To run this application, you need to clone the `getting-started-with-the-angular-gantt-chart-component` repository and then open it in Visual Studio Code. Now, simply install all the necessary react packages into your current project using the `npm install` command and run your project using the `ng serve` command. \ No newline at end of file +To run this application, you need to clone the `getting-started-with-the-angular-gantt-chart-component` repository and then open it in Visual Studio Code. Now, simply install all the necessary react packages into your current project using the `npm install` command and run your project using the `ng serve` command. + +## Features and Benefits + +### Timeline +The Angular Gantt Chart supports different configurable timeline views such as [hour](https://ej2.syncfusion.com/angular/documentation/gantt/timeline/timeline#hour-timeline-mode), [day](https://ej2.syncfusion.com/angular/documentation/gantt/timeline/timeline#day-timeline-mode), [week](https://ej2.syncfusion.com/angular/documentation/gantt/timeline/timeline#week-timeline-mode), [month](https://ej2.syncfusion.com/angular/documentation/gantt/timeline/timeline#month-timeline-mode), and [year](https://ej2.syncfusion.com/angular/documentation/gantt/timeline/timeline#year-timeline-mode). + +### Resource view +Visualize the list of tasks assigned to each resource in a hierarchical manner. Multiple tasks assigned to each resource can be visualized in a row when the records are in a collapsed state. + +### Virtual scrolling +[Virtual scroll](https://ej2.syncfusion.com/angular/documentation/gantt/virtual-scroll) in Angular Gantt Chart allows you to load large amounts of data without performance degradation. In row virtualization mode, all tasks are fetched initially from the datasource and rendered in the DOM within a compact viewport area. + +### Filtering +Data across all columns can be filtered using the filter option in each column and search option in the toolbar. It supports two filter types, [Excel-like filter](https://ej2.syncfusion.com/angular/documentation/gantt/filtering/excel-like-filter) and [menu filter](https://ej2.syncfusion.com/angular/documentation/gantt/filtering/filter-menu). + +### Editing +The Gantt Chart provides full support to create, read, update, and delete (CRUD) operations. In addition to built-in editor controls to edit a particular column value, using template support users can create custom editor controls that suit their application needs. + +## Related Links + +[Learn more about Angular Gantt Chart](https://www.syncfusion.com/angular-components/angular-gantt-chart?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples) +[Download Free Trial](https://www.syncfusion.com/downloads/angular?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples) +[Pricing](https://www.syncfusion.com/sales/teamlicense?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples) +[Documentation](https://ej2.syncfusion.com/documentation/maps/getting-started?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples) +[View Demos](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/default?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples) +[Community Forums](https://www.syncfusion.com/forums/angular-js2?control=ganttchart?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples) +[Suggest a Feature](https://www.syncfusion.com/feedback/angular?control=gantt-chart?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples) + +## About Syncfusion Angular Components +Syncfusion's [Angular UI controls](https://www.syncfusion.com/angular-components?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples) library is the only suite that you will ever need to build an application since it contains over 90 high-performance, lightweight, modular, and responsive UI controls in a single package. In addition to Gantt Chart, we provide popular Angular Controls such as [DataGrid](https://www.syncfusion.com/angular-components/angular-grid?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples), [Charts](https://www.syncfusion.com/angular-components/angular-charts?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples), [Scheduler](https://www.syncfusion.com/angular-components/angular-scheduler?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples), [Diagram](https://www.syncfusion.com/angular-components/angular-diagram?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples), and [Word Processor](https://www.syncfusion.com/angular-components/angular-word-processor?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples). + +## About Syncfusion + +Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 29,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies. + +Today we provide 1900+ controls and frameworks for web ([Blazor](https://www.syncfusion.com/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples), [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples), [ASP.NET WebForms](https://www.syncfusion.com/jquery/aspnet-web-forms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples), [Angular](https://www.syncfusion.com/angular-components?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples), [React](https://www.syncfusion.com/react-components?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples), [Vue](https://www.syncfusion.com/vue-components?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples)), mobile ([Xamarin](https://www.syncfusion.com/xamarin-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples) and [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples)), and desktop development ([WinForms](https://www.syncfusion.com/winforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples), [WPF](https://www.syncfusion.com/wpf-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples), [WinUI](https://www.syncfusion.com/winui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples), and [.NET MAUI](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-gantt-chart-github-samples)). We provide ready-to deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software. + +
\ No newline at end of file