bernii / gauge.js

100% native and cool looking JavaScript gauge
MIT License
1.42k stars 391 forks source link

Large gauges appear pixelated #93

Open ikonikre opened 8 years ago

ikonikre commented 8 years ago

Is there a way to increase the resolution of gauge? It would seem that the larger the gauge is rendered the more pronounced the pixelation.

Pixelated render of gauge.

bdthemes commented 8 years ago

me too, responsive system not good actually. any solution?

kplindegaard commented 7 years ago

Have you set the highDpiSupport option? When enabled, it looks very clear and crisp for me.

christopher-bobby commented 7 years ago

same here, even after highDpiSupport option was set to true.. any one has solved this? (my shape is donut )

christopher-bobby commented 7 years ago

I solved the problem (on my end) on donut shape, it's by setting the canvas width and height on canvas element itself (dont use css). Eg: width:

kplindegaard commented 7 years ago

That's really useful to know. Don't use CSS to scale the canvas for you but set the width and height directly on the element. That's what I have always done with Gauge, and I have never had any issue with resolution/pixelation.