フォーム入力を使用して円グラフの構造を変更する

Question

ここにあるGoogleグラフ（https://www.w3schools.com/howto/howto_google_charts.asp）を使用するものを作成しようとしています。しかし、私は何らかのHTMLフォーム要素を使用して入力を取得し、入力に基づいて円グラフを変更したいと考えています。例えば 、W3Schoolsの例は

var data = google.visualization.arrayToDataTable([ 
['Task', 'Hours per Day'], 
['Work', 18], 
['Friends', 2], 
['Eat', 2], 
['TV', 3], 
['Gym', 2], 
['Sleep', 7] 
]); 

、チャートが最初のように見えていますが、私は疑問に思ってすると、ユーザーは各タスクに費やされているものとどのように多くの「タスク」が存在し、どのように多くの時間を指示できるようにする方法です。私は入力用にHTMLフォームを使いたいと思っていましたが、フォームから入力を受け取り、それを新しい値として使う方法がわかりません。

Answer 1

AngularJsを使用してください。パラメトリックにする値を角度変数にバインドします。また、これらの変数を入力フィールドにバインドします。したがって、これらの入力を変更すると、円グラフが変更されることが予想されます。