jQuery Knob

New Visitors
Bounce Rate
Server Load
Disk Space
Bandwidth
CPU

jQuery Knob Different Sizes

data-width="90"
data-width="120"
data-thickness="0.1"
data-angleArc="250"

jQuery Knob Tron Style

data-width="90"
data-width="120"
data-thickness="0.1"
data-angleArc="250"

Javascript Code


$.load('knob').then(function () {
/* jQueryKnob */

$('.knob').knob({
/*change : function (value) {
//console.log("change : " + value);
},
release : function (value) {
console.log("release : " + value);
},
cancel : function () {
console.log("cancel : " + this.value);
},*/
draw: function () {

// "tron" case
if (this.$.data('skin') == 'tron') {

var a = this.angle(this.cv) // Angle
,
sa = this.startAngle // Previous start angle
,
sat = this.startAngle // Start angle
,
ea // Previous end angle
,
eat = sat + a // End angle
,
r = true

this.g.lineWidth = this.lineWidth

this.o.cursor
&& (sat = eat - 0.3)
&& (eat = eat + 0.3)