javascript - D3 TypeError: link.exit is not a function link.exit().remove(); What am I doing wrong? - Stack Overflow

admin管理员组

文章数量:1320661

I'm making a D3 tree layout. I've looked all over and it seems like this error shows up when you don't have data tied to the DOM and you try to remove it. I've ensured not only that there is data there, but I've also made sure the data changes by doing a count on the links array before and after I modify it.

Here is the problem code from my update function.

    link = linkElements.selectAll("path.link") //link elements is dom object that holds my links
    .data(links).enter().append("path")
    .attr("class", "link")
    .attr("d", diagonal);

    link.exit().remove();

It's practically the same as many examples, but I keep seeing this:

TypeError: link.exit is not a function

link.exit().remove();

What is going on? I do something similar with the nodes. I can't get anything to delete from the tree.

I'm making a D3 tree layout. I've looked all over and it seems like this error shows up when you don't have data tied to the DOM and you try to remove it. I've ensured not only that there is data there, but I've also made sure the data changes by doing a count on the links array before and after I modify it.

Here is the problem code from my update function.

    link = linkElements.selectAll("path.link") //link elements is dom object that holds my links
    .data(links).enter().append("path")
    .attr("class", "link")
    .attr("d", diagonal);

    link.exit().remove();

It's practically the same as many examples, but I keep seeing this:

TypeError: link.exit is not a function

link.exit().remove();

What is going on? I do something similar with the nodes. I can't get anything to delete from the tree.

• javascript
• d3.js

Share Improve this question Follow asked Dec 22, 2014 at 5:13 Joshua HedgesJoshua Hedges 31744 silver badges1616 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 11

Notice what link is getting assigned to:

link = linkElements.selectAll("path.link")
  .data(links)
.enter() // <----- THIS
  .append("path")
  .attr("class", "link")
  .attr("d", diagonal);

So link is a selection containing newly appended nodes resulting from the enter() sub-selection, so it doesn't have an exit() sub-selection by definition.

What you need (and probably meant) to do is assign link to the entire data-bound selection, and then work on the sub-selections:

link = linkElements.selectAll("path.link")
  .data(links);// link assigned
link.enter() // <----- THIS
  .append("path")
  .attr("class", "link")
  .attr("d", diagonal);
link.exit().remove(); // no more errors!

本文标签： javascriptD3 TypeError linkexit is not a function linkexit()remove() What am I doing wrongStack Overflow