javascript - 在树顶绘制 SVG 路径。无法更新路径

Question

我正在将 D3 折叠树绘制为 here并想要在节点之间绘制一些路径。问题是，当 Twig 折叠时，旧路径不会被删除。类似的解决方案是 here但我做错了什么。你能告诉我如何更新 SVG 路径吗？

初始化代码，更新路径:

 var path = svg.selectAll('path.sce').data(nodes);
  path.attr('d', lineFunction(nodes))
      .style('stroke-width', 2)
      .style('stroke', 'black')
      .attr('class', 'arrow')
      .attr('fill', 'none')
      .attr('marker-end', 'url(#arrow)');

  path.enter().append('svg:path').attr('d', lineFunction(nodes))
      .style('stroke-width', 2)
      .style('stroke', 'black')
      .attr('class', 'arrow')
      .attr('fill', 'none')
      .attr('marker-end', 'url(#arrow)');

  path.exit().remove();

完整代码 - jsfiddle

Answer 1

您的问题非常简单:要使更新和退出选择起作用，您必须选择在输入选择中设置的相同类:

var path = svg.selectAll('.arrow');

这是你的 fiddle :http://jsfiddle.net/odf3q84L/