1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

public class Period
{
    public DateTime Start { get; set; }

    public DateTime End { get; set; }
}

public class PeriodsBar : Control
{
    public List<Period> Periods { get; private set; }

    public PeriodsBar()
    {
        this.Periods = new List<Period>();
        this.BackColor = Color.Black;
    }

    protected override void OnPaint(PaintEventArgs e)
    {
        if (this.Periods == null || this.Periods.Count == 0) return;

        var start = Periods.First().Start;
        var end = Periods.Last().End;
        var totalLength = (end - start).TotalMilliseconds;

        // project periods collection into a list with milliseconds from start and milliseconds in width
        var list = from p in this.Periods
                   select new { Start = (p.Start - start).TotalMilliseconds, Length = (p.End - p.Start).TotalMilliseconds };

        var brush = Brushes.Green;

        foreach (var period in list)
        {
            var x = (period.Start / totalLength) * e.ClipRectangle.Width;
            var w = (period.Length / totalLength) * e.ClipRectangle.Width;
            e.Graphics.FillRectangle(brush, (float)x, 0, (float)w, e.ClipRectangle.Height);
        }
    }
}

1
2
3
4
 

periodsBar1.Periods.Add(new Period { Start = new DateTime(2009, 1, 3), End = new DateTime(2009, 1, 5) });
periodsBar1.Periods.Add(new Period { Start = new DateTime(2009, 1, 8), End = new DateTime(2009, 1, 12) });
periodsBar1.Periods.Add(new Period { Start = new DateTime(2009, 1, 17), End = new DateTime(2009, 1, 18) });
periodsBar1.Periods.Add(new Period { Start = new DateTime(2009, 1, 25), End = new DateTime(2009, 1, 30) });