Gantt Chart with Milestones

1. Application scenarios

Milestone Gantt Chart is an extended application of Gantt chart. It can mark a fixed time point (milestone event) in the progress of a task. The display effect is shown in the following figure:

2. Implementation ideas

Add the Milestone Time field to the data source (cell dataset, dataset data).

In data binding, select the Milestone Time and configure the milestone style in Style > Series.

1. Data preparation

Create a new built-in dataset File1, as shown in the figure below:

2. Insert chart

Merge a range cell, right-click cell A1, and select Cell Element > Insert Chart > Gantt chart, as shown in the following figure:

3. Data binding

Bind the chart data, as shown in the figure below:

4. Style design

1) Select Style > Series, select Custom Combination Color, Close series line feed, and select Rule milestone point style, as shown in the following figure:

2) Select Style > Project Axis, and the horizontal proportion is selectedAuto, as shown in the following figure:

3) Select Style > Timeline, Time zoom and weekendOn, as shown in the following figure

5. Effect preview

Save the template and click Pagination Preview. The effect is as follows:

Mobile terminal:

Completed template, see %fr_HOME%\webapps\webroot\WEB-INF\reportlets\doc-EN\Chart\Gantt\GanttChart_Milestone.cpt

Click to download the template: 

GanttChart_Milestone.cpt