使用谷歌可视化添加和删除饼图中的部分

Question

使用饼图（http://code.google.com/apis/visualization/documentation/gallery/piechart.html），无论如何我可以在页面加载后添加/删除数据吗？

例如，在用户点击链接后，我希望能够删除饼图的某个部分，当他点击另一个链接时，我想添加一个新部件。

感谢。

乔尔

Answer 1

是，这是可能的。我把an example on JsFiddle放在了一起。它可能不你在生产环境中的确切方式，但它应该给你一个想法。

基本上我所做的是：

• 从DataTable函数外部访问PieChart和drawChart()（或者调用任何绘制方法）
• 使用DataTable对象
上的removeRow()方法
• 重绘图表。

Answer 2

乔尔，我做了你用ckeckbox而不是链接做的事情。当复选框未选中时，我调用data.removeRow（data.getNumberOfRows（） - 1）作为jensgram指出。当它被检查时，我调用了addRow（theDeletedRow）。

请注意添加/删除的行应该是RataTable的最后一行（删除第一行不会使数组中的所有其他元素都上升），以将删除的值保存在变量中，以便您可以稍后再添加它，并尝试在选项中指定颜色，因此饼的每个部分都不会改变颜色（它给出的外观是它是一个完全不同的饼，而不是只有一个部分的相同饼）。