Sunburst - datalabels draw incorrectly

[sebastianbochan]

Actual behaviour

• overlapping labels in the center of circle
• when we click i.e on equity, label from the first level is still visible
• when we click i.e on equity and get back to initial state, more labels are visible

Live demo with steps to reproduce

• https://jsfiddle.net/BlackLabel/8qLfuzor/

Product version

6.1

Affected browser(s)

All

@jon-a-nygaard

[TorsteinHonsi]

The labels should probably not be rotated at all for the center slices. We should come up with some algorithm as to when we want to rotate them.

For example

• When the inner arc is 0 and the outer arc is greater than the radius, rotation makes little sense.
• When the inner arc is not null and the outer arc is significantly greater than the radius, it may be better to rotate so that the label is tangent to the perimeter, not perpendicular like now. See "Equity" and "Dept" in the provided demo.
• In other cases, the center labels should be skipped (or shortened) so that they don't extend all the way to the center. The outer and inner arc can be used for this.

[TorsteinHonsi]

The commit above fixes the two first bullet points.

The last one is not related I think, it has to do with what levels are rendered, rather than what labels. See #8504.