使用谷歌可视化在饼图中添加和删除零件

Question

使用饼图（http://code.google.com/apis/visualization/documentation/gallery/piechart.html），有没有办法在页面加载后添加/删除数据？

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

谢谢。

乔尔

Answer 1

是，这是可能的。我已经扔在一起an example on JsFiddle。这可能是而不是你在生产环境中的确如何做，但它应该给你一个想法。

基本上我做的是：

• 建立从drawChart()功能外DataTable和PieChart访问（或任何你绘制方法被调用）
• 使用removeRow()方法DataTable对象
• 重新绘制图表。

Answer 2

乔尔，我做了你所要求的使用cckckbox而不是链接。当复选框未被选中时，我会像jensgram指出的那样调用data.removeRow（data.getNumberOfRows（） - 1）。当它被检查时，我调用addRow（theDeletedRow）。

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