Chartjs-Google Charts, HighCharts or ChartJS Dual Axis Gantt Chart and Line Chart Visualization

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