Successfully!

Error!

Gantt Chart with Milestone

  • Last update:  2022-01-19
  • I. Overview

    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:

    Mile.png


    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.

    II. Examples

    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:

    2.3.png


    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:

    Mile.png

    Mobile terminal:

    16.png

    III. Template download

    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


    Attachment List


    Theme: Chart
    Already the First
    Already the Last
    • Helpful
    • Not helpful
    • Only read

    Doc Feedback