如何在SVG甜甜圈图中旋转圆圈？

Question

我正在构建在服务器上呈现的甜甜圈图。我在数学上获得了一些帮助，有关将标签放置在甜甜圈片here的中心。该解决方案效果很好，但是我的图表存在另一个问题。我不知道如何使用当前的数学公式旋转每个svg圆。我可以使用stroke-dashoffset旋转每个切片，但是文本不会跟随图表周围的切片。

  

如何旋转甜甜圈图的每个切片，以使它们不   重叠，同时仍将标签保持在切片的中心？

我认为我需要调整角度，我不确定如何。

这是当前的样子

这就是我想要的样子

这是我正在https://codesandbox.io/s/goofy-feather-5yyr3工作的代码沙箱。