Javascript SVG循环进度条-在进度条末尾显示分数

我正在构建一个圆形进度条，作为带有SVG元素的react组件

期望输出：

相反，我是这样理解的

我的问题是，如何旋转黄色圆圈中的分数/文本以匹配第一幅图像

反应组分

const Gauge=（{宽度、高度、厚度、进度、分数}）=>{
让角度=（进度/100*360）；
让progressValue=角度/2；
让滴答声=[]；
对于（让i=1；i i）？styles.tick活动：styles.tick；
滴答声。推（）
}
ticks.push（）；
返回(
{ticks}
{score}K
);
};如果将组旋转30度
您可以尝试将文本旋转-30度
您已接近。我加了这个，然后它工作了，让rotateReverse=（（progressValue*2）*-1）-90；如果将组旋转30度
，您可以尝试将文本旋转-30度
您已接近。我加了这个，然后它工作了，让rotateReverse=（（progressValue*2）*-1）-90；