HTML5 Canvas Gauge. Tiny implementation of highly configurable gauge using pure JavaScript and HTML5 canvas. No dependencies. Suitable for IoT devices because of minimum code base.
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)
Chrome MacOS rotated by 195 degrees and moving constantly
Not sure but it looks like dependency issues or latest webstandard changes...?
TuShen121
commented
1 year ago
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)
Chrome MacOS rotated by 195 degrees and moving constantly
Not sure but it looks like dependency issues or latest webstandard changes...?