Exemplo de Gráfico de Gantt


google.charts.load('current' , {'packages': ['gantt']});

google.charts.setOnLoadCallback( drawChart );


function drawChart(){
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'ID Tarefa');
    data.addColumn('string', 'Nome da Tarefa');
    data.addColumn('date', 'Inicio');
    data.addColumn('date', 'Termino');
    data.addColumn('number', 'Duração');
    data.addColumn('number', '% Completa');
    data.addColumn('string', 'Dependências');

    data.addRows([
        ['levantamento' , 'Levantamento'     , new Date(2020, 0, 1), new Date(2020, 0, 5), null,  100,  null],
        ['analise'      , 'Análise e Projeto', new Date(2020, 0, 6),  new Date(2020, 0, 10), null, 100, 'levantamento'],
        ['programação'  , 'Programação'      , new Date(2020, 0, 11), new Date(2020, 0, 22), null, 25, 'analise'],
        ['testes'       , 'Testes'           , new Date(2020, 0, 23), new Date(2020, 0, 25), null, 1, 'programação'],
        ['implantacao', 'Implantação'      , new Date(2020, 0, 26), new Date(2020, 0, 27), null, 0, 'testes']
    ]);

    var options = {
        width: 500,
        height: 275
    };

    var chart = new google.visualization.Gantt(document.getElementById('chart_div'));

    chart.draw(data, options);
}