Javascript 谷歌饼图数据表值

在谷歌网站中，创建饼图的代码为：

google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);
  function drawChart() {
    var data = google.visualization.arrayToDataTable([
      ['Task', 'Hours per Day'],
      ['Work',     11],
      ['Eat',      2],
      ['Commute',  2],
      ['Watch TV', 2],
      ['Sleep',    7]
    ]);

    var options = {
      title: 'My Daily Activities'
    };

    var chart = new google.visualization.PieChart(document.getElementById('piechart'));
    chart.draw(data, options);

我有一个全局变量，我想设置它的值并将新值插入图表，例如：

    var tmp=MyGlobalVariable+10;
  google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);
  function drawChart() {
    var data = google.visualization.arrayToDataTable([
      ['Task', 'Hours per Day'],
      ['Work',     tmp],
      ['Eat',      3],
      ['Commute',  2],
      ['Watch TV', 2],
      ['Sleep',    7]
    ]);

每次我使用tmp var时，它都会从图表中删除“功”。

---

如何动态设置数据表值？

google图表库从数据集中呈现SVG

如果要更改svg，必须“重新绘制（drawChart（））”图表

一个小例子（未经测试，由于时间不多，可能有问题）：

用法：

google.load("visualization", "1", {packages:["corechart"]});
myChart.init('my-chart-id')
google.setOnLoadCallback(myChart.drawChart);

然后每次您要更改某些数据时：

mychart.data['work'] = 10;
mychart.drawChart();

---

你能写一些代码行来解释如何用新值重新绘制图表吗？添加了小代码示例。这可能不适合“按原样”应用程序。您还可以实现onchange事件thingy，以便在更改数据时，自动重新绘制购物车

mychart.data['work'] = 10;
mychart.drawChart();