使用表单输入来更改饼图的结构

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

但我想知道的是如何让用户决定什么和多少＆＃34;任务＆＃34;存在以及每项任务花费了多少小时。我想我会想要使用HTML表单进行输入，但我不确定如何从表单中获取输入并将其用作新值。

Answer 1

使用AngularJs。将要参数化的值绑定到Angular变量。还将这些变量绑定到输入字段。因此，改变这些输入预计会改变饼图。