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);

我认为您的问题是哈希标签＆＃39;

的关键