stripLines[]

Configures strip lines.

Type:

Array<dxGanttStripLine>

Default Value: undefined

Strip lines allows you to highlight certain time or time intervals in the chart. Use the start option to specify an individual line or combine it with the end option setting to specify a time interval.

DevExtreme Gantt - Strip Lines

jQuery

index.js

$(function() {
    $("#gantt").dxGantt({
        stripLines: [{
            title: "Start",
            start: tasks[0].start
        }, {
            title: "Final Phase",
            start: tasks[tasks.length - 3].start,
            end: tasks[tasks.length - 1].end,
        }, {
            title: "Current Time",
            start: new Date(),
            cssClass: "current-time"
        }],
        //...
    });
});