Join GitHub today
GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together.Sign up
Gap between slice and halo on Pie/Donut chart #7495
On a donut/pie chart the halo should be positioned at an equal distance all around the chart. More specific: There should be no gap between a slice of the chart and its halo.
The halo has a small offset on approx. half the chart meaning that the background can be seen between pie slice and halo.
Live demo with steps to reproduce
Hover over the big slice and take a close look at the halo: On the left side, it directly touches the slice, while on the right there is a small gap where the yellow background shines through.
Testet it in Chrome, Firefox, Safari
After further investigation:
This is not something that we could fix - this is how SVG rendering works in browsers.
Thank you for the very quick reply. I see it working in your example, but for some reason even with
For now I am using a different workaround using a border that hides the gap.
I support Sebastian's proposal of rendering it with a small overlap. I've committed a fix now where 1px is substracted from the inner radius of the halo. See it live at http://jsfiddle.net/highcharts/68db3jjm/2/.