Click here to Skip to main content
12,827,276 members (47,450 online)
Click here to Skip to main content
Add your own
alternative version


240 bookmarked
Posted 3 Oct 2007

Gantt Chart

, 2 Oct 2008 CPOL
Rate this:
Please Sign up or sign in to vote.
Adds an easy to use Gantt chart to your application.



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.


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:

GanttChart1.FromDate = New Date(2007, 12, 12, 0, 0, 0)
GanttChart1.ToDate = New Date(2007, 12, 24, 0, 0, 0)
GanttChart1.AddChartBar("Row 1", Nothing, New Date(2007, 12, 12), 
    New Date(2007, 12, 16), Color.Aqua, Color.Khaki, 0))

As mentioned above, this component also includes a multi-line tooltip text.

With GanttChart2
  Dim toolTipText As New List(Of String)

  .ToolTipTextTitle = .MouseOverRowText
  .ToolTipText = toolTipText
End With

When a tooltip-text-row is included, the line is automatically bolded.

It is also possible to save the Gantt Chart to an image file:


The included Zip file contains a project showing how to use its different features.


  • Version 0.55
    • Added the feature to drag the bars (after editing a bar, a BarChanged event is fired).
    • If time between start and end date is larger than 60 days, the Gantt chart switches over to showing months instead of days.
  • Version 0.54
    • The Gantt chart can now be saved to an image file.
  • Version 0.53
    • ScrollBar added to component.


This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


About the Author

Denmark Denmark
No Biography provided

You may also be interested in...

Comments and Discussions

GeneralRe: C# Version (bug fix help needed) Pin
Orilon3-Sep-12 0:59
memberOrilon3-Sep-12 0:59 
Questionadd more rows Pin
woerny24-Jul-12 12:08
memberwoerny24-Jul-12 12:08 
AnswerRe: add more rows Pin
Adagio.8124-Jul-12 20:26
memberAdagio.8124-Jul-12 20:26 
GeneralRe: add more rows Pin
woerny25-Jul-12 11:13
memberwoerny25-Jul-12 11:13 
QuestionAdd a Text Column Pin
mono543218-Jul-12 8:06
membermono543218-Jul-12 8:06 
AnswerRe: Add an other Text Column Pin
mono543213-Aug-12 12:27
membermono543213-Aug-12 12:27 
QuestionFix for Ghost Bar Pin
Goofkop13-Apr-12 2:00
memberGoofkop13-Apr-12 2:00 
QuestionGhost Chart bar? Pin
Goofkop5-Mar-12 5:52
memberGoofkop5-Mar-12 5:52 

First of all I wanted to thank you for your amazing control, it has been a real life-saver for me!

I have been trying to make the chart bar a bit "dynamic", I can increase / decrease the days, go to month view, etc...
But I have encountered a small glitch, when I navigate to the next day there is a bar that shouldn't be there (also nothing happens when I hover over it)

This my example: I added an event on the 25th of december, from 10 to 12.

public Chart()

            ganttChart1.FromDate = new DateTime(2012, 12, 24, 08, 0, 0);
            ganttChart1.ToDate = new DateTime(2012, 12, 24, 18, 0, 0);

            DateTime test = new DateTime(2012, 12, 25, 10, 00, 00);
            DateTime test2 = new DateTime(2012, 12, 25, 12, 00, 00);

            ganttChart1.AddChartBar("Row 1", null, test, test2, Color.Aqua, Color.Khaki, 0);}
            ganttChart1.AddChartBar("Row 2", null, test, test2, Color.Red, Color.DarkRed, 1);

This appears correctly like this: [^]

Now I used this code to navigate to the next day:

private void button1_Click(object sender, EventArgs e)
            DateTime newFrom = ganttChart1.FromDate.AddDays(1);
            DateTime newTo = ganttChart1.ToDate.AddDays(1);

            ganttChart1.FromDate = newFrom;
            ganttChart1.ToDate = newTo;


But when I click that button, a strange chart bar appears from the beginning of the Gantt Chart (no matter what the start hour is), it's also the exact same length as the normal event on the previous day.[^]

I have no idea what's causing this. This "Ghost" chart bar doesn't appear when I go back in the days or when I go to month view.

private void button2_Click(object sender, EventArgs e)
            DateTime newFrom = ganttChart1.FromDate.AddDays(-1);
            DateTime newTo = ganttChart1.ToDate.AddDays(-1);

            ganttChart1.FromDate = newFrom;
            ganttChart1.ToDate = newTo;


        private void btnMaand_Click(object sender, EventArgs e)
            DateTime newFrom = new DateTime(ganttChart1.FromDate.Year, ganttChart1.FromDate.Month,1);
            DateTime newTo = new DateTime(ganttChart1.ToDate.Year, ganttChart1.ToDate.Month, 31);

            ganttChart1.FromDate = newFrom;
            ganttChart1.ToDate = newTo;


I'm sorry to bother you with this problem, but I can't figure it out.
QuestionDo you have c# version?? Pin
liusanpi28-Feb-12 17:30
memberliusanpi28-Feb-12 17:30 
AnswerRe: Do you have c# version?? Pin
Member 1098361031-Jul-14 21:12
memberMember 1098361031-Jul-14 21:12 
QuestionI don't know how to use its !! Pin
Highgain29-Jan-12 19:57
memberHighgain29-Jan-12 19:57 
GeneralMy vote of 2 Pin
musthe9930-Dec-11 20:24
membermusthe9930-Dec-11 20:24 
Question5 star Pin
chunk2-Nov-11 5:25
memberchunk2-Nov-11 5:25 
GeneralMy vote of 5 Pin
ralexs26-Aug-11 18:54
memberralexs26-Aug-11 18:54 
Questionnice work mate Pin
cdlitteam24-Aug-11 2:03
membercdlitteam24-Aug-11 2:03 
QuestionNeed C# form source code for studying Pin
rongconmocrang13-Jul-11 1:41
memberrongconmocrang13-Jul-11 1:41 
AnswerRe: Need C# form source code for studying Pin
Adagio.8113-Jul-11 1:50
memberAdagio.8113-Jul-11 1:50 
GeneralRe: Need C# form source code for studying Pin
rongconmocrang15-Jul-11 19:50
memberrongconmocrang15-Jul-11 19:50 
AnswerRe: Need C# form source code for studying Pin
thatraja26-Jan-12 21:42
mvpthatraja26-Jan-12 21:42 
GeneralVery good Pin
Member 392087330-Jun-11 16:33
memberMember 392087330-Jun-11 16:33 
GeneralRe: Very good Pin
Adagio.8113-Jul-11 1:51
memberAdagio.8113-Jul-11 1:51 
QuestionGreat! Pin
Member 801179219-Jun-11 22:59
memberMember 801179219-Jun-11 22:59 
AnswerRe: Great! Pin
Adagio.8113-Jul-11 1:53
memberAdagio.8113-Jul-11 1:53 
GeneralGreat Job.... Pin
sandipm8-May-11 20:31
membersandipm8-May-11 20:31 
GeneralRe: Great Job.... Pin
Adagio.8113-Jul-11 1:55
memberAdagio.8113-Jul-11 1:55 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Permalink | Advertise | Privacy | Terms of Use | Mobile
Web02 | 2.8.170326.1 | Last Updated 2 Oct 2008
Article Copyright 2007 by Adagio.81
Everything else Copyright © CodeProject, 1999-2017
Layout: fixed | fluid