Skip to content
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
Closed

Pie chart 3d - empty space between slices #7097

sebastianbochan opened this issue Aug 24, 2017 · 8 comments
Labels

Comments

@sebastianbochan
Copy link
Contributor

@sebastianbochan sebastianbochan commented Aug 24, 2017

Actual behaviour

slicing

Live demo with steps to reproduce

Demo:

Difficult to replicate.

Affected browser(s)

All

@KacperMadej
Copy link
Contributor

@KacperMadej 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
Copy link

@vikingschris 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
Copy link
Contributor Author

@sebastianbochan sebastianbochan commented Jul 4, 2018

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

@vikingschris
Copy link

@vikingschris 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
Copy link
Contributor Author

@sebastianbochan 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
Copy link
Collaborator

@TorsteinHonsi 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
Copy link
Collaborator

@TorsteinHonsi 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
Copy link
Collaborator

@TorsteinHonsi 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
Projects
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

None yet
4 participants