Jquery Knob Change Size on Browser Resize

Question

i'm currently looking for an solution to change the size of my Jquery Knob Chart when the user resize the browser. Till now i only found a solution : reload the site on Resize and check Browser width and set the height and width based on this. But this won't work correctly on Smartphones. Maybe you have an idea?

Answer 1

Haven't tested this on a smartphone, but to make a knob responsive, you should add data-width attribute to its element.

An example:

<input class="knob" data-width="50%" value="35">

You can find another example in jQuery Knob's github .