New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Pie chart 3d - empty space between slices #7097

Closed
sebastianbochan opened this Issue Aug 24, 2017 · 8 comments

Comments

Projects
None yet
4 participants
@sebastianbochan
Contributor

sebastianbochan commented Aug 24, 2017

Actual behaviour

slicing

Live demo with steps to reproduce

Demo:

Difficult to replicate.

Affected browser(s)

All

@sebastianbochan sebastianbochan added the Bug label Aug 24, 2017

@KacperMadej

This comment has been minimized.

Show comment
Hide comment
@KacperMadej

KacperMadej Aug 24, 2017

Contributor

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.

Contributor

KacperMadej commented Aug 24, 2017

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

This comment has been minimized.

Show comment
Hide comment
@vikingschris

vikingschris Jul 3, 2018

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

vikingschris commented Jul 3, 2018

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

This comment has been minimized.

Show comment
Hide comment
@sebastianbochan

sebastianbochan Jul 4, 2018

Contributor

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

Contributor

sebastianbochan commented Jul 4, 2018

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

@vikingschris

This comment has been minimized.

Show comment
Hide comment
@vikingschris

vikingschris Jul 5, 2018

@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?

vikingschris commented Jul 5, 2018

@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

This comment has been minimized.

Show comment
Hide comment
@sebastianbochan

sebastianbochan Jul 6, 2018

Contributor

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.

Contributor

sebastianbochan commented Jul 6, 2018

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

This comment has been minimized.

Show comment
Hide comment
@TorsteinHonsi

TorsteinHonsi Jul 6, 2018

Collaborator

@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.

Collaborator

TorsteinHonsi commented Jul 6, 2018

@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

This comment has been minimized.

Show comment
Hide comment
@TorsteinHonsi

TorsteinHonsi Jul 6, 2018

Collaborator

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/

Collaborator

TorsteinHonsi commented Jul 6, 2018

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

This comment has been minimized.

Show comment
Hide comment
@TorsteinHonsi

TorsteinHonsi Jul 6, 2018

Collaborator

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/

Collaborator

TorsteinHonsi commented Jul 6, 2018

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/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment