Introduction

This component makes it easy to add a Gantt chart to your application. You just need three lines of code to get it working.

This Gantt chart control includes these features:

The columns are automatically shown based on the width of the component and the time between the start date and the end date. If there're more than two days between those dates, it will only show the date; otherwise, it will show the time of the day (with minimum 5 minutes apart).

You can set the color (including the hover color) for each bar individually.

The Gantt chart automatically shows a custom scroll bar when it contains more rows than the visible area allows.

You can easily obtain information about the bar when hovering your mouse above one.

An easy to use multi-row tooltip text.

Change bars using your mouse.

Background

I tried to find a good, free, and easy Gantt chart control to use in my project, but didn't have any luck. Then, I decided to make one myself, which actually was easier than I thought it would be.

Using the code

To get the Gantt chart component to show something, you only need this: