To fix this we probably need to change how the spacing works. Right now it moves the arcs away from the center of the canvas by the spacing amount. Thus is doesn't provide any guarantees about what the space between the ends of the arc is. If we want to provide a consistent spacing in that direction we'll need to shrink the angles to create the space rather than moving the arcs away from the center

Just reached this issue. I'm also unable to code graph in a following way :(

Facing the same issue

I’ve ended up using default spacing while letting poor graphic designer screaming in agony.

As a possible workaround you can interlace values with the 'spacer' values and use transparent background color on them. This works better for thinner doughnuts. See my comment here #10286 (comment)

Still an issue. Any plans fixing this?

Still an issue

datasets: {
        doughnut: {
          borderWidth: 0,
          spacing: 2,
        },
      },

@etimberg Any chance we can have this item looked at?

Same issue here:

Until we can get some time to sit down and 'math' this thing out, I have a temporary workaround which includes adding an additional slice into the doughnut with a transparent color. Tweak to your heart's desire.

data={{ datasets: [{ data: ['650', '200', '30', '150'], backgroundColor: [ 'red', 'blue', 'transparent', 'green', ], borderRadius: 50, spacing: 25, }] }}

Also, as a weird side effect of this spacing issue I have noticed that the bottom left and bottom right points of the arch don't line up something. So I changed my rotation from 90 to 92 to visually 'fix' this.

options={{ rotation: -92, circumference: 180 }}