使用谷歌可視化在餅圖中添加和刪除零件

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的最後一個（刪除第一行不會使數組中的所有其他元素上升），以便將刪除的值保存在變量中，以便您可以稍後添加它，並嘗試在選項中指定顏色，因此餅圖的每個部分都不會改變顏色（它表現出它是一個完全不同的餅圖，而不是隻有一個部分的餅圖） 。