highchartsalignmenthighcharts-gantt

Gantt highchart bar alignment issue

I am having one more query while working on these high chart. Alignment of the task bars are not correct. They are bit half above than mentioned lines. can you please assist me on it.

Codepen link: [https://codepen.io/rohitkatarya7/pen/rNzYdVB][1]
Solution

  • Instead of using multiple series, use only one. You can quickly transform your data structure to one series by:

    const oneSeries = {
    data: []
};

seriesData.forEach(s => {
    s.data.forEach(dataEl => {
        oneSeries.data.push(dataEl);
    });
});

    Live demo: http://jsfiddle.net/BlackLabel/8opa57kw/

    API Reference: https://api.highcharts.com/gantt/series.gantt