ComponentOne
FlexChart - GanttChart Create a GanttChart with FlexChart

Getting Started

Steps for getting started with the FlexChart to customize a GanttChart:

  1. Initialize the chart (set the ChartType to 'C1.Web.Mvc.Chart.ChartType.Bar' and Bind to the data).
  2. Add a series to the chart and set its binding property to the fields Start and End dates.
  3. Customize AxisY to hide the major grid and show minor grid.
Plain Gantt ChartJan 2017Feb 2017Mar 2017Apr 2017May 2017Jun 2017Jul 2017Aug 2017Sep 2017Oct 2017Nov 2017Dec 2017Task1Task2Task3Task4Task5Task6Task7

Dependencies & Percent Complete

Customize the chart by setting its ItemFormatter property to a function that adds elements to show task dependencies and percent complete.

Enhanced Gantt ChartJan 2017Feb 2017Mar 2017Apr 2017May 2017Jun 2017Jul 2017Aug 2017Sep 2017Oct 2017Nov 2017Dec 2017Task1Task2Task3Task4Task5Task6Task7