JSFiddle - React, Tailwind, and code Playground

by bhilleli

HTML

<script src="http://anthonyterrien.com/js/jquery.knob.js"></script>
<input type='text' id='dial' value='0' />

<a id="chgColor" href="#">Change color on click</a>

JavaScript

$(function () {
    $('#dial').knob({
        min: '0',
        max: '25000',
        fgColor: '#f00'
    });
    $('#dial').val(10927).trigger('change');
});

$('#chgColor').click(function(e){
   e.preventDefault();

   $('#dial').trigger(
     'configure',
      {
        min: '0',
        max: '25000',
        "fgColor":"#001"
    }
);
});