canvas-gauges icon indicating copy to clipboard operation
canvas-gauges copied to clipboard

RadialGauge animationTarget = "plate" turning needle issue

Open godind opened this issue 1 year ago • 1 comments

Hi, First let me thank you for this most powerful gauge tool kit! I use it to create a popular marine open source instrumentation software built on Angular. See https://github.com/mxtommy/kip

Lots of people have been running the software for years without any issue but following a recent upgrade from Angular 12 to 14, in combination with recent browser updates, the Radial gauge with animationTarget = "plate" has it's "normally" fixed needle start to turn just like if it was in animationTarget = "needle" - both faceplate and needle turn. I did trouble troubleshoot but I can't see why, it's random and generates no exceptions. It can sometimes be fixed with faceplate turning, then suddenly the needle starts moving also. It does so on different browsers. In chromium the ticks flicker randomly also. It was fine before.

In the image below the needle should fixed at 0 degrees

Chromium rotated by 2 to 3 degress (flickering/missing ticks) image

Chrome MacOS rotated by 195 degrees and moving constantly image

Not sure but it looks like dependency issues or latest webstandard changes...?

godind avatar Oct 08 '23 01:10 godind

您的邮件我已收到,谢谢!

TuShen121 avatar Oct 08 '23 01:10 TuShen121