如何將D3朝陽序列分區更新為v4？

Question

我一直在嘗試將d3森伯斯特序列分區更新為d3 V4 ，：
一個在： https://bl.ocks.org/kerryrodden/7090426

我已經將其大部分切換了，並且大部分都可以正常工作，但是在mouseleave功能上卻中斷了。 我得到的錯誤是： d3.js：7616未捕獲的TypeError：callback.call不是函數

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

森伯斯特稍有不同的示例（盡管沒有前端）： d3.js v4上的可縮放森伯斯特