getBBox() returns 0 for append svg in memory element instead of append in body.

[Mohammad Faizal]

var w = 240;

var h = 50;

var span =document.createElement("span");

var svg = d3.select(span).append("svg").attr("width",w).attr("height",h);

var text = svg.append("text").attr("x",w-25).attr("y",h-20)

           .text(dataset[1] + " ( " + dataset[2] + "% " + ")")

           .style("fill",text_color)

           .attr("text-anchor","end")

           .attr("font-size",font_size)

           .attr("font-family",font_family);

        var bbox = text.node().getBBox();

        console.log('bbox');

        console.log(bbox);

It returns 0 for bbox object.

[Ian Johnson]

that is expected, it hasn't been put in the DOM yet so no calculations have been done for it. If you want to measure it you can either append it somewhere out of sight, or just append it where it needs to go and then adjust other things based on the measurements once they are there.

--
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.
 
 

--
Ian Johnson - 周彦

http://enja.org

[roland]

It's exactly as Ian/enjalot says. All you need to is:

var span_element = document.createElement("span");

document.body.appendChild(span_element);

I've put amended code in a small jsfiddle. See: 

http://jsfiddle.net/rolandino/nrEs7/

You might also want to look at: http://bl.ocks.org/mbostock/1160929.

R

[Paul Katsen]

any way to compute without actually appending to dom?

[Victor Powell]

you could append it, run your calculates, then immediately remove it. because JS runs in the UI thread, the user will never see the element in the DOM.