Arkadaşlar görüldüğü gibi basit bir hesaplama mevcut. Hesaplamalar önemli değildi. İşte kullanıcı belirli veriler girecek ben onları hesaplatacağım çıktıların da alttaki dizine gönderilmesini istiyorum bunu nasıl yapabilirim ? Sadece 1 adet örnek gösterirseniz gerisi ben de Biraz beynim yandı da saatlerdir uykusuzum.

Yani chart'a sonucları yansıtmak istiyorum. (Dizilere değişken olarak denedim ama pek sonuç alamadım.)

Şimdiden teşekkürler.

<center><form id="form1" >


          
  <label  style="font-size:20px;"> a </label>
  
        <input  type="text" name="sayi1" id="sayi1"> <br> <br>
          <label  >  b: </label>
  
        <input  type="text" name="sayi2" id="sayi2"> <br> <br>
          <label  > c: </label>
  
        <input  type="text" name="sayi3" id="sayi3"> <br> <br>
          <label  >d: </label>
  
        <input  type="text" name="sayi4" id="sayi4"> <br> <br>
          <label  >  e: </label>
  
        <input type="text" name="sayi5" id="sayi5"> <br> <br>

        <label ><b>sonuc1</b></label>
      
  <input  type="text"  id="sonuc1" disabled><br><br>
   <label ><b>sonuc2</b></label>
   <input  type="text"  id="sonuc2" disabled><br><br>
    <label ><b>sonuc3</b></label>
    <input  type="text"  id="sonuc3" disabled><br><br>
     <label ><b>sonuc4</b></label>
     <input  type="text"  id="sonuc4" disabled><br><br>
      <label ><b>sonuc5</b></label>
      <input  type="text"  id="sonuc5" disabled><br><br>
<input type="button" onclick="hesaplamaf1();" value="Calculate!" />
  <br><br>
</form> </center>

<!-- +KANVA ALANI -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
<body>
<canvas id="myChart" style="width:100%;max-width:600px"></canvas>



<!-- + BİTİŞ -->

<script type="text/javascript">
 function hesaplamaf1(){
        var sonuc1,sonuc2,sonuc3,sonuc4,sonuc5;
        s1= parseFloat(document.getElementById('sayi1').value);
        s2= parseFloat(document.getElementById('sayi2').value);
        s3= parseFloat(document.getElementById('sayi3').value);
        s4= parseFloat(document.getElementById('sayi4').value);
        s5= parseFloat(document.getElementById('sayi5').value);
        


  document.getElementById('sonuc1').value = sonuc1;
    document.getElementById('sonuc2').value = sonuc2;
      document.getElementById('sonuc3').value = sonuc3;
        document.getElementById('sonuc4').value = sonuc4;
          document.getElementById('sonuc5').value = sonuc5;
        

  
  
  
  }
    
       var xValues = [100,200,300,400,500,600,700,800,900,1000];

new Chart("myChart", {
  type: "line",
  data: {
    labels: xValues,
    datasets: [{
      data: [860,1140,1060,1060,1070,1110,1330,2210,7830,2478],
      borderColor: "red",
      fill: false
    }, {
      data: [1600,1700,1700,1900,2000,2700,4000,5000,6000,7000],
      borderColor: "green",
      fill: false
    }, {
      data: [300,700,2000,5000,6000,4000,2000,1000,200,100],
      borderColor: "blue",
      fill: false
    }]
  },
  options: {
    legend: {display: false}
  }
});
</script>
<!-- +JS BİTİŞ -->