Javascript 如何将另一个数据系列添加到Google图表

Javascript 如何将另一个数据系列添加到Google图表,javascript,charts,google-visualization,Javascript,Charts,Google Visualization,我按照本页上的示例设置了一个简单的Google图表: 但是现在,在渲染之后,我想用一些javascript动态地添加另一系列数据。有人能给我指出正确的方向吗? 我要添加的数据,一个包含员工人数的数字列,应该在图表中以另一种颜色显示一条新线,并且不是从2004年开始,而是从2005年开始,您需要向“data”变量添加新数据,然后再次调用chart.draw()方法。 查看DataTable文档或在 例如: // Add columns data.addColumn('string', '

我按照本页上的示例设置了一个简单的Google图表:

但是现在,在渲染之后,我想用一些javascript动态地添加另一系列数据。有人能给我指出正确的方向吗?

我要添加的数据,一个包含员工人数的数字列,应该在图表中以另一种颜色显示一条新线,并且不是从2004年开始,而是从2005年开始,

您需要向“data”变量添加新数据,然后再次调用chart.draw()方法。 查看DataTable文档或在

例如:

  // Add columns
  data.addColumn('string', 'Employee Name');
  data.addColumn('date', 'Start Date');

  // Add empty rows
  data.addRows(6);
  data.setCell(0, 0, 'Mike');
  data.setCell(0, 1, {v:new Date(2008,1,28), f:'February 28, 2008'});
  data.setCell(1, 0, 'Bob');
  data.setCell(1, 1, new Date(2007, 5, 1));
  data.setCell(2, 0, 'Alice');
  data.setCell(2, 1, new Date(2006, 7, 16));
  data.setCell(3, 0, 'Frank');
  data.setCell(3, 1, new Date(2007, 11, 28));
  data.setCell(4, 0, 'Floyd');
  data.setCell(4, 1, new Date(2005, 3, 13));
  data.setCell(5, 0, 'Fritz');
  data.setCell(5, 1, new Date(2007, 9, 2));

有没有一种方法可以在不改变原始数组的情况下添加新数据?上述建议的问题是,我首先必须将新数据“拟合”到该数组中。我可以这样做,但默认情况下它并不适合。因此,我的问题是..参见DataTable文档。您有addcolm和setCell方法。addColum可添加一个新的序列号,使用setCell可填充该序列号。此外,最好将数据副本保存在与所用库所需格式不同的变量中。通过这种方式,您可以将更多数据添加到源数组中,并再次传递到可视化库。我本来希望有更灵活的方法,但现在我是这样做的。
  // Add columns
  data.addColumn('string', 'Employee Name');
  data.addColumn('date', 'Start Date');

  // Add empty rows
  data.addRows(6);
  data.setCell(0, 0, 'Mike');
  data.setCell(0, 1, {v:new Date(2008,1,28), f:'February 28, 2008'});
  data.setCell(1, 0, 'Bob');
  data.setCell(1, 1, new Date(2007, 5, 1));
  data.setCell(2, 0, 'Alice');
  data.setCell(2, 1, new Date(2006, 7, 16));
  data.setCell(3, 0, 'Frank');
  data.setCell(3, 1, new Date(2007, 11, 28));
  data.setCell(4, 0, 'Floyd');
  data.setCell(4, 1, new Date(2005, 3, 13));
  data.setCell(5, 0, 'Fritz');
  data.setCell(5, 1, new Date(2007, 9, 2));