Two layered pie chart issue in case of only 1 data point

[yizheliu-amazon]

Describe the bug
Hi Elastic/Kibana developers,

I’m seeing a bug with rendering in Kibana when I’m using a 2 layered sunburst/pie chart with a single data point for the chart. The label of the outer circle overlaps with the inner circle.

To Reproduce
Steps to reproduce the behavior:

1. Change line 29 to data={[mocks.sunburst[0]]}
2. Open local url: http://localhost:9001/?path=/story/sunburst--sunburst-with-two-layers
3. You will see label of inner and outer circle overlaps with each other, as show in Screenshot 1

Expected behavior
Labels of 2 layers sunburst/pie chart in case of only 1 data point should be clearly visible.

Screenshots
Screenshot 1:

Screenshot 2:

Version (please complete the following information):

• OS: macOS High Sierra
• Browser: chrome
• Elastic Charts: 18.2.2

Additional context
I tried to avoid this issue to display both labels properly by making change to the linkLabel config as below:

linkLabel: {
    // maxCount: 0,
    fontSize: 14,
    maximumSection: Infinity,
},

And then go to URL in step 2, you will see the label of inner circle is invisible, as shown in Screenshot 2.

Errors in browser console
N/A

Kibana Cross Issues
N/A

How do I display the labels of 2 layers sunburst/pie chart in case of only 1 data point?

Thanks for your help.

[markov00]

Hi @yizheliu-amazon, thanks for issuing the ticket.
Unfortunately, this is a known bug, it can be also visible here https://elastic.github.io/elastic-charts/?path=/story/sunburst--single-sunburst

@monfera do you see any workaround for that issue that can be used before we release the fix?

[monfera]

There's no good workaround for now - while it's possible to add an artificial, vanishingly small but nonzero-valued slice to prevent the special layouting for the single-valued case, it'll still show up in the legend. However it's a small fix so it could be part of the next release

[yizheliu-amazon]

Thanks for your comments. @markov00 @monfera .

Could you please let me know when next version will be released?

[markov00]

🎉 This issue has been resolved in version 18.4.0 🎉

The release is available on:

• GitHub release
• npm package (@latest dist-tag)

Your semantic-release bot 📦🚀

[yizheliu-amazon]

Sorry for late reply. Thank you for the fix!