如何使用多个系列的jquery旋钮获得可滑动的圆环图表图表？

Question

我试图获得一个多个系列的圆环图，用户可以重置 它的股票通过滑动。所有其他系列都应重新计算，具体取决于之前的值。

我试图摆弄并且使用值似乎不是问题但是在这种情况下它应该实际上将te值保持为100并更改data-angleOffset和data-angleArc以便圆环总是完全填满了。

http://jsfiddle.net/yccu/7zfs5881/5/

这是我到目前为止所提出的其他代码：

$(function () {
   $(".knob").knob({
change: function (value) {
var chart_id = this.$.attr('id');
var new_val = value;
var arr =new Array();
$('.knob').each(function(){
    arr.push({
    id:$(this).attr('id'),
    val:$(this).val(),
  });   
})
var ttl_val = 0;
var ttl_pct = 0 ;
$.each(arr, function( key, value ) {
ttl_pct = parseFloat(ttl_pct) + parseFloat(value.val);
})
ttl_pct = ttl_pct - new_val;
$.each(arr, function( key, value ) {
    if (value.id != chart_id){
        var other_val = ((parseFloat(value.val)/parseFloat(ttl_pct))*(100-parseFloat(new_val))).toFixed(2);
    $('#'+value.id).val(other_val).trigger('change');
    $('#input_'+value.id).val(other_val);
 }else
 {
    $('#input_'+chart_id).val(new_val);
 }
});
   $('#change_id').val(chart_id);
   $('#change_val').val(value);


}
});