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

时间:2016-09-16 07:42:39

标签: javascript d3.js svg

我尝试使用最新的D3 v4重写经典的Pie Chart Update, V示例。不幸的是路径' d属性未计算。

这是我的gistblock。到目前为止,我只是改变了

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

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

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

正如您在DOM中看到的那样,路径存在,但它们没有任何d属性。

有什么想法吗?

1 个答案:

答案 0 :(得分:3)

我认为你有一些问题,特别是在输入时没有设置d属性。

这是显示变化https://bl.ocks.org/tezzutezzu/c2653d42ffb4ecc01ffe2d6c97b2ee5e

的要点

在我的代码中,在更改时计算相邻弧仍然存在错误,但这应解决您的初始问题。

退出动画现在也在运行。我必须确保在插值之前复制了对象。

编辑:语法