Measure text width in D3

TIL

719

Huy Trần viết ngày 07/05/2016

How to calculate text width in pixels with D3

I don't know wtf I'm doing. But it seems like this is the only way to do it with JS.

function textSize(text) {
    if (!d3) return;
    var container = d3.select('body').append('svg');
    container.append('text').attr({ x: -99999, y: -99999 }).text(text);
    var size = container.node().getBBox();
    container.remove();
    return { width: size.width, height: size.height };
}

// Usage: textSize("This is a very long text"); 
// => Return: Object {width: 140, height: 15.453125}

07-05-2016