ProjectLines

//<code-header>
fiddle.title = 'Getting started';
//</code-header>
const project = new ProjectModel({
    startDate : new Date(2020, 0, 1),

    events : [
        {
            id       : 1,
            name     : 'Write docs',
            expanded : true,
            children : [
                { id : 2, name : 'Proof-read docs', startDate : '2020-01-02', endDate : '2020-01-05' },
                { id : 3, name : 'Release docs', startDate : '2020-01-09', endDate : '2020-01-10' }
            ]
        }
    ],

    dependencies : [
        { id : 1, fromEvent : 2, toEvent : 3 }
    ]
});

const gantt = new Gantt({
    project,
    appendTo : targetElement,

    startDate : new Date(2019, 11, 31),
    endDate   : new Date(2020, 0, 11),

    // autoHeight  : true,
    height : 300,

    columns : [
        { type : 'name', field : 'name', text : 'Name' }
    ]
});