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)