Question

在下面的代码第一次，如果我（任何更高的值）给出值= 29图表增加，第二次如果我给出的值小于29它不起作用，水平仍然保持在29但内部数据有已更改但未在图表中显示。我在控制台交叉检查。在waterbubble图表中增加值，但不是按值减少。一旦给出更高的值，它就不会降低到图表中的较低值

＆＃13;

function s(){
 var waterFill = document.getElementById("db01").value;
  var fraction = waterFill / 100;
  $('#demo-1').waterbubble({
   txt: ('' + waterFill).slice(-3).toString() + " %",
    data: fraction,
    animation: true
  });
 console.log(waterFill);}
 setInterval(function(){ s();// this will run after every 10 seconds
}, 10000);

＆＃13;

<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="http://www.jqueryscript.net/demo/Customizable-Liquid-Bubble-Chart-With-jQuery-Canvas/waterbubble.js"></script>

<input id="db01" onkeyup="s()">
<div class=" col-lg-4">
<canvas id="demo-1"></canvas>
</div>

＆＃13;

Answer 1

我通过更改函数NewValue（），

解决了这个问题

 function NewValue(){
 var data = document.getElementById("db01").value;
       if(data > .5){
            return Math.round(data*100);
        } else {
            return (data*100).toFixed(1);
        }
    }

水泡js中的动态更新

1 个答案: