[Solved]-Google Charts, HighCharts or ChartJS Dual Axis Gantt Chart and Line Chart Visualization-Chart.js

that type of chart can be easily created using highcharts. you can use line and xrange series types with two yaxis:

highcharts.chart('container', {
    xaxis: {
        type: 'datetime'
    },
    yaxis: [{
        categories: [...],
    }, {
        opposite: true
    }],
    series: [{
        type: 'xrange',
        data: [...]
        }
    }, {
        type: 'line',
        yaxis: 1,
        data: [...]
    }]
});

live demo: https://jsfiddle.net/blacklabel/zv74tsoq/

api reference: https://api.highcharts.com/highcharts/yaxis