Как увеличить число с помощью таймера в JavaScript - PullRequest
0 голосов
/ 16 февраля 2019

Я хотел бы показать анимацию для стрелки на графике спидометра. В том, что стрелка должна начинаться с 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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...