Pie chart 3d - empty space between slices

[sebastianbochan]

Actual behaviour

Live demo with steps to reproduce

Demo:

• http://jsfiddle.net/to7kczpm/1/

Difficult to replicate.

Affected browser(s)

All

[KacperMadej]

Steps:
Hover over animating slices while animation for hide / show runs. http://jsfiddle.net/h6ws554d/
This is visible in the gif - hover is triggered by legend item hover.

[vikingschris]

when will there be a solution for this? i have similar issue where my 3d pie chart slice overlaps another, or is under another 3d pie slice when i click legend to hide, then show.
tools:
angular@5
types/highcharts@5
highcharts@6
angular-highcharts@5

[sebastianbochan]

Hi @vikingschris,
Do you use native highcharts or highcharts-angular wrapper?

[vikingschris]

@sebastianbochan I'm using angular-highcharts (specifically https://github.com/cebor/angular-highcharts) wrapper, and importing the highcharts-3d from highcharts itself. This error is when I add showInLegend: true...... click the legend to hide, then show, the section of the pie is either overlap by another section of the pie, or directly under another section of the 3d pie. Are you suggesting if I'm using the wrapper, then this has to do with wrapper, and not the native highcharts?

[sebastianbochan]

Hi @vikingschris,
Unfortunately we are not authors of the mentioned wrapper, so I advise you to post the bug here.
If you will be able to reproduce the same issue in native highcharts, please post demo here.

[TorsteinHonsi]

@sebastianbochan It is most likely a Highcharts issue, it's just difficult to replicate. I can see it too from time to time, but struggle finding a reliable way to reproduce it.

[TorsteinHonsi]

Got it, it happens when we hover the chart while animating. Programmatically it can be done by setting the state to 'hover': http://jsfiddle.net/highcharts/to7kczpm/11/

[TorsteinHonsi]

Distilled demo using the renderer only. As we can see, the 2d arc is able to run two animations in parallel (the color animation starts midway the shape animation). The 3d arc fails, as the first animation stops when the second sets in:

http://jsfiddle.net/highcharts/Lkx1ct9e/