Jquery 旋钮-适合圆圈内的文本

我试图将文本放在圆圈内，特别是我试图添加一些标签，如小时、分钟，…
但是我无法将文本放在圆圈内；现在，我在draw函数中使用这个：

$('body').append('<span style="font-size:'+this.i.css('font-size')+'" >'+this.i.val()+'</span>');
        var ph_len=parseInt($('span:last').width());
        $('span:last').remove();
        if(ph_len>=parseInt(this.i.css('width'))){
            var d=(((parseInt(this.i.css('width'))-parseInt(this.lineWidth))*parseInt(this.i.css('font-size'))/ph_len)).toFixed(1);
            this.i.css({'font-size' : d + 'px '})
        }

$（'body'）.append（“”+this.i.val（）+“”）；
var ph_len=parseInt（$（'span:last'）.width（）；
$（'span:last'）.remove（）；
如果（ph_len>=parseInt（this.i.css（'width'））{
var d=（（parseInt（this.i.css（'width'））-parseInt（this.lineWidth））*parseInt（this.i.css（'font-size'））/phlen））.toFixed（1）；
this.i.css（{'font-size'：d+'px'}）
}

我也在寻找一种更优雅的方式来实现这一点。
JSfiddle:

为什么不直接使用css（）

---

您可以在jquery旋钮的draw method中设置字体大小

例如：

试试这个：

'draw': function() {
    $(this.i).css('font-size', '10px');//your size
  }

---

因为它是用户可以决定每个圆圈大小的插件的一部分，所以我应该计算每个圆圈的字体大小

$(".knobslider").knob({

    draw : function(){
         $(".knobslider").css("font-size","15px");
    }
});

'draw': function() {
    $(this.i).css('font-size', '10px');//your size
  }