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

Sunburst chart - When zoomed in the intermediate level ,series label of zoomed in parent is not visible ,only series labels of its children are shown #7597

Closed
amruta30 opened this Issue Jan 2, 2018 · 3 comments

Comments

Projects
None yet
3 participants
@amruta30

amruta30 commented Jan 2, 2018

Expected behaviour

On zooming in any intermediate level, the series label of zoomed in parent should be visible.

Actual behaviour

Refer the following JS Fiddle: http://jsfiddle.net/amrutaJgtp/tjL8un13/
Original sunburst chart looks as follows:
sunburst

Now, zoom in any intermediate level node (For example : "Asia")
Refer following screenshot:

screenshot1

Here the root level node - Asia's series label is not seen. Only its children series labels are visible.

Live demo with steps to reproduce

http://jsfiddle.net/amrutaJgtp/tjL8un13/

@pawelfus

This comment has been minimized.

Contributor

pawelfus commented Jan 2, 2018

Hi @amruta30

Thank you for reporting this issue. Unfortunately, your jsfiddle is broken (I think that in general, jsFiddle has problems today.. ). Could you use another tool to recreate the issue (e.g. jsbin) ?

Meanwhile, could you try http://github.highcharts.com/highcharts.src.js and https://github.highcharts.com/modules/sunburst.src.js (our master branch) and check if the problem occurs?

@amruta30

This comment has been minimized.

amruta30 commented Jan 4, 2018

Hi @pawelfus

I checked and the same problem is reproduced on the master branch also.

@jon-a-nygaard

This comment has been minimized.

Collaborator

jon-a-nygaard commented Jan 22, 2018

Hi @amruta30, this is due to the filter in the dataLabels.formatter.

One possibility is to remove the filtering completely.

Another possibility is to modify the formatter to check for outerArcLength on the points on the first level.
Note: I have also modified the filter to check if innerArcLength is larger then 32px, because the dataLabels in this demo spans 2 lines.

We have also recently added the sunburst.dataLabels.filter option, which enables filtering without the use of a custom formatter.
I am currently working on a PR to add the outerArcLength property, which will add the possibility of the same filtering as in the workaround above by using a combination of sunburst.dataLabels.filter and sunburst.levels.

Hope it helps.

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