Adding an extra highlight colour rotates gauge by 90 degrees about canvas-gauges HOT 6 CLOSED

Thanks for your report! As far as I will have free time I will check this case. Most probably your solution is a correct way to solve the issue. To be honest I really wasn't check the highlights with more than 3 colors....

from canvas-gauges.

I am running into the same issue. I have 5 color areas and the image is flipped 180 degrees. The workaround doesn't work for me because I want to use more than one gauge and the other ones only have 3 color areas. Also for my gauge with the 5 color areas it didn't put the 5th area in the right location. It was placed beneath the 1st area.
Thanks

from canvas-gauges.

Thank you. Working on fix...

from canvas-gauges.

Just to be clear with my little hacky workaround I got the line number wrong. Should be placed after line 557:
ctx.arc( 0, 0, r2, sa - 0.2, ea + 0.2, false);

then put:

ctx.rotate( radians( -90));

This is just a little hack though and still might not work in your case. I am sure Mikhus will have a better solution soon.

from canvas-gauges.

Fixed with commit eb3f264

from canvas-gauges.

to jeffjenk: It's better after line 532 just add ctx.save();
I did it with the specified commit. I've also added example.html containing 5 highlights, so you can check easily.

Best regards,
Mike

from canvas-gauges.