0

我有以下JS代码

$(document).ready(function(){
$('.dial').each(function () {

    var elm = $(this);
    var color = elm.attr("data-fgColor");
    var perc = elm.attr("value");

    elm.knob({
        'value': 0,
        'min':0,
        'max':200, // Set to 200 as a max
        "skin":"tron",
        "readOnly":true,
        "thickness":.2,
        'dynamicDraw': true,
        "displayInput":false,
        "font": 'Lato'
    });

    $({value: 0}).animate({ value: perc }, {
        duration: 120,
        easing: 'swing',
        progress: function () {
            elm.val(Math.ceil(this.value)).trigger('change')
        }
    });

    //circular progress bar color
    $(this).append(function() {
        elm.parent().parent().find('.circular-bar-content').css('color',color);
        elm.parent().parent().find('.circular-bar-content label').text(perc+' points');
        elm.parent().parent().find('.circular-bar-content span').text(perc+' proposals');
        elm.parent().parent().find('.circular-bar-content .jobs').text(perc+' proposals');
        elm.parent().parent().find('.circular-bar-content .conv').text(perc+'%'); // THIS ROW
    });

   });

  });

但是对//此行有评论的那个我不希望它被限制为 200，因为我正在从数据库中提取数据这一行我想指定一个不同的值如何做到这一点？

一旦数据库中的 PHP 被渲染，它就会输出这个 html

 <div class="col-md-3">
                  <div class="circular-bar">
                      <input type="text" class="dial" data-angleOffset=-125 data-angleArc=250 data-fgColor="#D2207E" data-width="150" data-height="150" data-linecap=round value="50.00">
                      <div class="circular-bar-content">
                          <strong style="padding-left: 8px; padding-top: -20px;">Conv Rate</strong>
                          <p class="conv"></p>
                      </div>
                  </div>
              </div>
4

0 回答 0