jquery - ノブ - 円の内側にテキストを合わせる

Question

特に、時間、分などのラベルを追加しようとしています.
しかし、テキストを円の中に収めることはできません。現時点では、描画関数内でこれを使用しています:

$('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 '})
        }

これを達成するためのよりエレガントな方法も探しています。
JSfiddle: http://jsfiddle.net/c963c/

Answer 1

これを試して：

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