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

Question

我正在尝试使用此处 (https://www.w3schools.com/howto/howto_google_charts.asp) 找到的 Google 图表创建一些东西。但是我想使用某种 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。将要参数化的值绑定到 Angular 变量。还将这些变量绑定到输入字段。因此，更改这些输入预计会更改饼图。