D3 v4饼图更新空`d`属性

Question

I'm trying to rewrite the classic Pie Chart Update, V example using latest D3 v4. Unfortunately the paths' d attributes aren't calculated.

Here is my gist and the block . So far I've only changed

• d3.scale.category20() -> d3.scaleOrdinal(d3.schemeCategory20)

• d3.layout.pie() -> d3.pie()

• d3.svg.arc() -> d3.arc()

As you can see in the DOM the paths are there but they do not have any d attributes.

Any ideas?

Answer 1

I think you have a few issues, especially not setting the d attribute on enter.

Here's a gist showing the change https://bl.ocks.org/tezzutezzu/c2653d42ffb4ecc01ffe2d6c97b2ee5e

In my code there is still a bug in calculating the adjacent arcs on change, but this should resolve your initial problem.

The exit animation is now also working. I had to make sure that objects were copied before the interpolation.

edit: grammar