Я хотел бы показать анимацию для стрелки на графике спидометра. В том, что стрелка должна начинаться с 0 и заканчиваться значением. Как я могу показать анимацию, установив функцию таймера для смещения числа впетля.
let angle = 0;
for (var i = 0; i < needleAngle; i++) {
angle++;
}
return (
<G className="needle">
<G transform={`rotate(${angle} ${opts.cX} ${opts.cY})`}>
{needleElm}
</G>
<Circle
cx={opts.cX}
cy={opts.cY}
r={opts.needleBaseSize}
fill={opts.needleBaseColor}
/>
</G>
);
Пример: если needleAngle равен 275, то он должен начинаться с 0 и заканчиваться на 275, а если угол иглы изменяется с 275 до 145, то он должен перемещать иглу с 275 до 175