littlerave
Posts: 37
Joined: Sun May 16, 2021 4:17 pm

Drillup animation using wrong startpoint on multi-layered drilldown

Hello,

I'm using a highchart map in angular with custom map data and drilldown functionality. I'm capturing the drilldown event and use the addSeriesAsDrilldown function to drilldown to the next level.

Code: Select all

private handleDrilldown(event: Highcharts.DrilldownEventObject): void {
  let drilldown: Map | undefined = this.maps.filter(map => map.id === (event.point as any).drilldown)[0];
  if (!this.chart || !drilldown) { return; }

  this.chart.currentDrilldownLevel =  1 + (this.chart.currentDrilldownLevel ?? 0);
  this.chart.setTitle(null, { text: drilldown.name });
  this.chart.addSeriesAsDrilldown(event.point, drilldown.series[0]);

  // I'm using a custom drillup button with angular material, which is why I disable the original one here and enable my custom one.
  this.chart.drillUpButton.destroy();
  this.chart.drillUpButton = undefined;

  this.disableDrillUp = false;
}

If I drilldown a level, then drill back up the animation works fine, however, if I drill up another time, the animation then starts at position 0,0 instead of where the country actually is set. I assume by drilling down a second time, the starting position for the drill up animation for the first drilldown is overwritten and thus reset to the default.
I've created a gif to illustrate the issue. How can I fix this?

Image
magdalena
Posts: 517
Joined: Tue Aug 24, 2021 1:32 pm

Re: Drillup animation using wrong startpoint on multi-layered drilldown

Hi,

Thank you for contacting us with your question!

I really appreciate that you attached the gif, but could you also reproduce your example in an online editor that I could work on?
It would be very helpful for a better understanding of the issue and in finding a solution faster.

You can start here: https://stackblitz.com/edit/highcharts-angular-map

Thank you in advance!
Regards!
Magdalena Gut
Developer and Highcharts Support Engineer
littlerave
Posts: 37
Joined: Sun May 16, 2021 4:17 pm

Re: Drillup animation using wrong startpoint on multi-layered drilldown

Hello,

Thank you for your reply. I've recreated the issue here: https://stackblitz.com/edit/highcharts- ... map-upzqrz
magdalena
Posts: 517
Joined: Tue Aug 24, 2021 1:32 pm

Re: Drillup animation using wrong startpoint on multi-layered drilldown

Hello,

Apologies for the delayed response. The bug has been reported and you can track it here: https://github.com/highcharts/highcharts/issues/16601

As a temporary workaround, you can use the latest version of Higcharts - 3.0.1. The animation there behaves in a slightly different way - which was also reported in the ticket, but is free from the defect in 9.2.2 version.

Feel free to ask any further questions!
Regards!
Magdalena Gut
Developer and Highcharts Support Engineer

Return to “Highcharts Maps”