Not able to click (Sometimes) categories(Y-axis) of gantt chart after updating series data results

[KumarS-Naveen]

Expected behaviour

After chart data is updated , Categories (Y-axis) can be clicked and chart expands those clicked category child elements .

Actual behaviour

After chart data is updated , issues as below

1. Click on categories sometimes doesn't work at all.
2. Can be clicked but responds after many seconds
3. On responding to click the height of the chart is kept constant hence all the child elements wraps itself inside the previous allocated div

Live demo with steps to reproduce

https://stackblitz.com/edit/angular-vxtt87

Wait for 3 seconds so that chart gets updated
Click on multiple Y axis categories
Collapse all and try to expand

P.S IF there is an error in console please update anything in app.component.html file , error rectifies automatically (seems issue with stack blitz)

[pawelfus]

Thanks for reporting the issue @iam-naveen - seems to be a duplicate of highcharts/highcharts-angular#156 - let our angular devs investigate the issue.

[KacperMadej]

The problem is possible to be recreated without Angular in pure JavaScript.
Demo: https://jsfiddle.net/BlackLabel/jb7os4mk/2/

The issue is related to an already reported similar one: #11739

As a workaround avoid passing axes when the chart options are updated.

     test(){
        delete this.chartGantt.xAxis;
        delete this.chartGantt.yAxis;
        this.chartGantt.series[1]['data'][1].end = Date.UTC(this.today.getFullYear(), this.today.getMonth(), this.today.getDate(), 24); 
        this.chartGantt.series[1]['data'][0].end = Date.UTC(this.today.getFullYear(), this.today.getMonth(), this.today.getDate(), 24);
      
        this.dataUpdated = true; 
        this.oneToOneFlag = true;  
    }

[KumarS-Naveen]

Thank you @KacperMadej the solution provided works .
Folllowing up on the same if i update collapsed property to true it seems it is not collpasing .

test(){
delete this.chartGantt.xAxis;
delete this.chartGantt.yAxis;
this.chartGantt.series[1]['data'][1].end = Date.UTC(this.today.getFullYear(), this.today.getMonth(), this.today.getDate(), 24);
this.chartGantt.series[1]['data'][0].end = Date.UTC(this.today.getFullYear(), this.today.getMonth(), this.today.getDate(), 24);
this.chartGantt.series[1].data[0].collapsed = true;
this.dataUpdated = true;
this.oneToOneFlag = true;
}

Could you help me with this please.

[KumarS-Naveen]

Also i have observed one more scenario, when we remove a series from one category and add it to another category it indeed adds as expected but we get a drop down symbol on the newly added item which isn't expected.

[KacperMadej]

@iam-naveen

I believe that this problem is reported here: #11231

Have you check previous versions of Highcharts (like 7.1.2, or 7.1.1, 7.1.0)? I could check a single issues one by one, but since you have multiple problems with Gantt you might be able to check this faster in your project.

Internal note:
As far as I can tell this doesn't look like a regression - I was unable to find a previous version of Gantt that would work without any issues in the reported cases.

[KumarS-Naveen]

Sure i will run through previous version of Highcharts and let you guys know in short while

[KumarS-Naveen]

I did run through all the packages from 7.1.3 back dated till 7.0.0 none of them works .
Let me give you brief summary on what works and what doesn't so that its easy to pinned down

Scenario 1 : When collapsed = false
Updation of chart - Works
Rendering of chart - Works
Series interchange from one category to another category- Works but extra drop down is seen and its not a blocking one

Scenario 2 : When collapsed = True
Updation of chart - Works
Rendering of chart - Works
Series interchange from one category to another category- Fails (Observed one of the category removed permanently from chart).

Can be reproduced in the below link
https://stackblitz.com/edit/angular-vxtt87

Please let me know for any further information.

[KumarS-Naveen]

@KacperMadej Any update on the issue?

[KacperMadej]

There are possible workarounds for some issues and there is no ETA for fix(es) as for now.

[KumarS-Naveen]

@KacperMadej Could you please provide the work arounds as of now?

[KacperMadej]

The main reported issue has a workaround suggested in this comment: #11742 (comment)

For any workaround related to the issue #11231 please go through the issue thread.

If you have another issue to report then please open a new issue ticket as we are trying to keep one problem/bug per one issue.

[KumarS-Naveen]

Thank you @KacperMadej Will go through the #11231 thread for work around , Once fixes are available let me know.

[KumarS-Naveen]

@KacperMadej could you please let me know if there are any update on permanent fix ?

[pawelfus]

@Naveen-K-S - no updates, neither ETA, for this issue.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions!