javascript - D3 动画圆环图，同时使用不同的数据长度更新它

Question

我试图在互联网上找到答案，但找不到。我看到很多类似的方程式，但不完全是我需要的。

所以，我有一个带有文本标签的圆环图。我需要的是用新的数据集更新它。问题是新数据完全不同。

示例。第一组数据:

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

第二个数据集是:

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

所以，区别在于数据数组长度。当我通过单击按钮更改数据时，它可能会有所不同。

我用了http://bl.ocks.org/dbuezas/9306799这个例子构建了我的 donut ，当数据以相同的数据长度变化时，它可以正常工作，但是当数据长度不同时，动画不起作用。它只是重新加载自己。

有人可以帮我吗？

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

我认为你的问题是哈希“标签”的关键