javascript - 如何将 D3 sunburst 序列分区更新到 v4？

Question

我一直在尝试将 d3 sunburst 序列分区更新为 d3 V4，:
位于: https://bl.ocks.org/kerryrodden/7090426

我已经切换了其中的大部分，它大部分工作正常，但它破坏了 mouseleave 功能。我得到的错误是:d3.js:7616 Uncaught TypeError:callback.call is not a function

function mouseleave(d) {

d3.select("#trail")
  .style("visibility", "hidden");
d3.selectAll("path").on("mouseover", null);


d3.selectAll("path")
  .transition()
  .duration(1000)
  .style("opacity", 1)
  .each("end", function() {
          d3.select(this).on("mouseover", mouseover);
        });

d3.select("#explanation")
  .style("visibility", "hidden");
}

有谁知道是否有某些东西在 d3 V4 中不起作用 - 我在文档中找不到它。或者更好的是，如果有人知道某个地方有更新的 d3 V4 版本。

Answer 1

您可能需要使用 on("end", ...) 而不是 .each。请参阅此处的文档:https://github.com/d3/d3-transition#transition_on

另请参阅此处的答案:https://stackoverflow.com/a/38537982/343261

略有不同的 Sunburst 示例(尽管没有端接):Zoomable Sunburst on d3.js v4