[Solved]-How to render Gantt Highchart from data source-Highcharts

Make sure you are loading Gantt dependency either as a standalone library or a module along with Highcharts. Then use the ganttChart constructor, ie:

Highcharts.ganttChart('container', {
    title: { .. },
    // other configuration options
}, myCallback);

See Getting started with Gantt for more details and a short example.

You can use:

$('#container').highcharts('ganttChart', data);

But you don't need jQuery to create a chart, the below code is enough:

Highcharts.ganttChart('container', data);

Live demo: https://jsfiddle.net/BlackLabel/0ozw8n5v/