bernii / gauge.js

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

Resize Gauge Element Issues #68

Closed jjjrmy closed 7 years ago

jjjrmy commented 9 years ago

Hi,

Having issues resizing the gauge, the element always seems to be wider than the actual guage itself. Is there a way to fix this. Would be much better if it was inline to the guage.

okierie commented 9 years ago

Try to make your canvas width be responsive/dynamic! <canvas style="width: 100%;" id="gauge"></canvas>

kplindegaard commented 7 years ago

This has also improved a lot lately. Good tip by @okierie, by the way.

lulzia commented 6 years ago

I put canvas inside div with bootstrap class.

<div class="col-md-6 col-lg-2"> 
<canvas style="width: 100%;" id="gauge"></canvas>
</div>

It was responsive but the resolution is very low.

immagine

Have you any ideas? Thanks

Vemb commented 2 years ago

@lulzia Did you ever find a solution to the low resolution problem? I am having the same issue.

PowerMeter-company commented 4 months ago

same issue, any suggestion on how to inspect? Schermata del 2024-06-01 23-35-50