Dynamische Aktualisierung in Water bubble js

Question

in der unteren Code ersten Mal, wenn ich (jeder höhere Wert) gab Wert = 29 das Diagramm erhöht, zum zweiten Mal, wenn ich Wert kleiner als 29 gibt es nicht funktioniert, Ebene bleibt noch in 29 aber die Daten im Inneren haben sich geändert, sind aber im Diagramm nicht dargestellt. Ich überprüfte in der Konsole. im Waterbubble Chart Wertsteigerung, aber nicht wertmindernd. einmal höheren Wert gegeben wird, nicht durch eine Änderung in der Funktion NewValue(), in Diagramm

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 es

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

gelöst niedrigeren Wert reduzieren