Describe the bug
In Safari, when a single slice pie chart has hovered, the highlighter renders an white cross artefact, probably caused by the SVG configuration of that specific Circle highlight.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://elastic.github.io/elastic-charts/?path=/story/sunburst--single-slice with Safari
2. See the white cross on hover

Expected behaviour
A clear circle with the right fill color

Screenshots

Version (please complete the following information):

• Browser: Safari
• Elastic Charts: master

Additional context
The highlighter is built as:

return <circle key={key} r={(y0px + y1px) / 2} {...props} fill="none" strokeWidth={y1px - y0px} />;

we can probably fix by using the fill color and fixing the radius to the correct one.

Errors in browser console
N/A

Kibana Cross Issues

• [Dashboard][Lens] 100% pie shows a cross in the middle in Dashboard when hovered kibana#92194