Я нахожусь в процессе создания кольцевой диаграммы, которая отображается на сервере.Я получил некоторую помощь в математике вокруг размещения меток к центру среза пончика здесь .Это решение хорошо работает, но у меня другая проблема с графиком.Я не знаю, как вращать каждый кружок SVG, используя мою текущую математическую формулу.Я могу вращать каждый срез, используя stroke-dashoffset, но тогда текст не следует за срезом вокруг диаграммы.
Как мне повернуть каждый срез кольцевой диаграммы, чтобы они не перекрывались во времявсе еще сохраняя метку в центре среза?
Я думаю Мне нужно отрегулировать угол, я просто не знаю, как.
Вот чтоВ настоящее время это выглядит как 
Вот как бы я хотел, чтобы это выглядело 
Вот кодовая песочница I 'м разработка из https://codesandbox.io/s/goofy-feather-5yyr3.