How to update a rendered view about dagre-d3 HOT 5 CLOSED

@randallto Sounds like a new ticket to me. It also needs a simple repro case.

from dagre-d3.

The simplest thing to do would be to remove the old rendering and redraw it. You can remove the old rendering using d3. For an example, take a look at demo/interactive-demo.html, which has this prior to running the renderer:

      // Cleanup old graph
      var svg = d3.select("svg > g");
      svg.selectAll("*").remove();

However, having the ability to rerun the render with a transition might be nice. I'll see what it would take to do that.

from dagre-d3.

I've got an early pass at support for transitions on this branch: https://github.com/cpettitt/dagre-d3/tree/transitions. I plan to add some configuration options around the transitions before pushing it to master.

from dagre-d3.

Fixed in v0.1.0. See interactive-demo.html for an example of using transitions.

from dagre-d3.

Using dagre in angularjs it seems to be persisting information from a previous chart drawing. You can reload the chart and first remove the entire svg element, re-add it and give it a new id even. The second loading of the same chart in the dagre seems to think the svg width is twice as big as previous and the height is half the size. I am drawing horizontal in instead of vertical. The nodes width space grows while the height shrinks. The causes a distorted chart. You hit 5f and all is good again.

from dagre-d3.