how to reload this chart with new data

[ericps]

Hello, how would one reload the multiline series chart with new data?

http://bl.ocks.org/3884955

I am passing in data instead of loading from a tsv like that example.

the problem is the append('svg') method loads a second graph every time this graph is built. When I just want to display different lines, different values and different axis in the existing graph.

[Andy Thornton]

You shouldn't be re-appending the svg element every time the data is reloaded. That is why you see this behavior. Each time the data is reloaded, you should simply re-select the elements you want to update and bind the new data to it. If you can post your code, it would be easier to explain.

--
You received this message because you are subscribed to the Google Groups "d3-js" group.
To unsubscribe from this group and stop receiving emails from it, send an email to d3-js+un...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

[ericps]

the code is the exact same as that one's.

well here is an implementation closer to mine, but this will not render an actual graph, and my real implementation uses dynamic data so I'm not sure how to implement some kind of button specifically for JS fiddle to simulate adding new data to the graph

http://jsfiddle.net/8Axn7/4/

[Simon Russell]

Hi there,

Andy's response is the right one -- you're getting multiple graphs because your code is creating multiple graphs -- "append" always adds a new node, rather than updating an existing one.

Give these a read:

http://bost.ocks.org/mike/join/

http://mbostock.github.com/d3/tutorial/circle.html

Simon.

[d3noob]

If it helps there's a couple of examples here http://www.d3noob.org/2013/02/update-d3js-data-dynamically-button.html and here http://www.d3noob.org/2013/02/update-d3js-data-dynamically.html.

Hopefully the accompanying explanation is useful.