CanvasJSを使用するチャートの非静的値ですか？

Question

私はCanvasJsを使って動的棒グラフを作成する方法を理解しようとしています。次のように

チャートのための基本的なセットアップは次のとおりです。

var chart = new CanvasJS.Chart("chartContainer", { 
     theme: "theme2",//theme1 
     title:{ 
      text: "Basic Column Chart - CanvasJS"    
     }, 
     animationEnabled: false, // change to true 
     data: [    
     { 
      // Change type to "bar", "area", "spline", "pie",etc. 
      type: "column", 
      dataPoints: [ 
       { label: "apple", y: 10 }, 
       { label: "orange", y: 15 }, 
       { label: "banana", y: 25 }, 
       { label: "mango", y: 30 }, 
       { label: "grape", y: 28 } 
      ] 
     } 
     ] 
    }); 
    chart.render(); 
} 

私の目標ではなく、そのような10,15などの静的数字のdataPointsのを更新するために、単純な変数を使用することで、25

ユーザは数字を入力し、チャートは入力に基づいて更新されます。

これは可能ですか？ "Y"を変数に設定すると、これまでのチャートが破損します。私はこの作業をどうやって行うのか不明です。

私はまた、var input = $('input').html を設定してyを入力として設定しようとしましたが、動作しません。

ありがとうございます！

Answer 1

誰かがここでこれを理解しようとしている場合は、これがどのように処理されるかです： Use variable to assign data points in creating CanvasJS graph?です。

これはCharts.JSでも動作します。