Donut chart: one sector has a rounded cap in the wrong direction

[vibl]

There seems to be a bug in the donut chart with rounded line caps:

https://toomuchdesign.github.io/react-minimal-pie-chart/index.html?selectedKind=Donut%20Chart&selectedStory=custom%20%22lineWidth%22%20%2B%20%22rounded%22&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Factions%2Factions-panel

In the example, the yellow sector should end with a rounded cap in the other way.

[vibl]

A workaround: https://github.com/vibl/react-minimal-pie-chart/blob/332d926755ea1a8bfe53d13a59af84fa5f7d58d6/src/ReactMinimalPieChart.js#L103

[toomuchdesign]

Welcome @vibl,
and thanks for filing this issue.

I had a look to the suggested workaround and, although it provides a fix for your use case, it might not play well with some existing feature (segments animation, for example).

I will take some time to think about it.
Greetings!

[rinat-lucky]

Hi! Could you please duplicate the sample code to solve this problem? Unfortunately, the link is not available at the moment. Perhaps there is another (new) variant of the solution. Thanks!
@vibl @toomuchdesign