ウォーターバブルでの動的更新

Question

i（それ以上の高い値）の値が29の場合はグラフが増加し、29より小さい値を与えた場合は2番目の値は29になります内部のデータは変更されていますが、グラフには表示されません。私はコンソールでチェックした。水のバブルチャートでは値によって増加しますが、値では減少しません。一度より高い値は、チャート

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);

<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>

Answer 1

iは関数NEWVALUE（）に変更することによってそれを解決し、

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