Skip to content
Nice, downward compatible, touchable, jQuery dial
JavaScript HTML
Find file
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
js
README.md
index.html

README.md

jQuery Knob

  • canvas based ; no png or jpg sprites
  • touch events implemented
  • downward compatible ; overloads an input element

Options

The following options (data-*=attributes) are supported :

  • min : min value
  • max : max value
  • cursor : display mode "cursor" | default=gauge
  • thickness : gauge thickness
  • width : dial width
  • displayInput : default=true | false=hide input
  • fgColor : foreground color
  • bgColor : background color
  • ticks : number of ticks | 0=disable
  • tickColor
  • tickLength
  • tickWidth
  • tickColorizeValues : colorize ticks
  • readOnly : disable input and events
  • skin : default | "tron"

Example :

<input type="text" value="75" class="dial">

<script>
$(function() {
    $(".dial").knob();
}
</script>
Something went wrong with that request. Please try again.