D3動畫甜甜圈圖，同時以不同的數據長度更新它

Question

我試圖在互聯網上找到答案，但是找不到。 我看到了很多類似的引文，但並不是我真正需要的。

因此，我有一個帶有文本標簽的甜甜圈圖。 我需要用新的數據集對其進行更新。 問題在於新數據完全不同。

例。 第一組數據：

var data1 = [{key: 'label1', value: 3}, {key: 'label2', value: 5}];

第二個數據集是：

var data2 = [{key: 'label1', value: 25}];

因此，差異在於數據陣列的長度。 當我通過單擊按鈕更改數據時，它可能會有所不同。

我使用http://bl.ocks.org/dbuezas/9306799這個示例來構建我的甜甜圈，當數據以相等的數據長度更改時，它會適當地喚醒，但是當數據長度不同時，動畫無法正常工作。 它只是重新加載自身。

有人可以幫我嗎？

Answer 1

我直接復制示例並更改呼叫並工作

http://codepen.io/luarmr/pen/JdWbME

var data1 = [{label: 'label1', value: 3}, {label: 'label2', value: 15}];
var data2 = [{label: 'label1', value: 25}];
change(data1);

我認為您的問題是哈希“標簽”的關鍵