d3v4扭曲饼图转换

Question

我创建了另一种饼图-依赖于分段的颜色而不是颜色

我正在尝试将d3v3版本重构并升级到4。尽管路径和我的指针/标签也有错误，但我还是遇到了错误。

我想我可以将数据json简化为一个简单的数组，并在以后取出json中的颜色值。

  var arcpaths = chart.selectAll("path")
    .data(data);

  arcpaths.enter().append("svg:path")
    .attr("class", function(d, i) {
      return d.machineType;
    })
    .style("fill", function(d, i) {
      return d.color;
    })
    .transition()
    .ease("elastic")
    .duration(750)
    .attrTween("d", arcTween);

  arcpaths.transition()
    .ease("elastic")
    .style("fill", function(d, i) {
      return d.color;
    })
    .duration(750)
    .attrTween("d", arcTween);

  arcpaths.exit().transition()
    .ease("bounce")
    .duration(750)
    .attrTween("d", arcTween)
    .remove();

-

版本3 https://jsfiddle.net/uv4t5692/

第4版第2部分-工作 https://jsfiddle.net/56avjbpc/1/

---

进行了改进-https://jsfiddle.net/56avjbpc/1/-谢谢您的帮助-是否有更干净的方法来重构输入数据-准备好的数据函数等。这是旧代码-也许可以使用一些映射在这里和那里？