d3.js - 读取d3文本元素的宽度

Question

创建后，我想阅读在d3中创建的<text>元素的宽度。

我试过了

svg.selectAll("text")
    .each(function () {
        console.log('text', d3.select(this).style("width"));
    }); // 'auto'

和

svg.selectAll("text")
    .each(function () {
        console.log('text', $(this).css("width"));
    }); // '0px'

提前致谢

Answer 1

在选择方法(例如attr)中:

   this.getComputedTextLength(). 

在选择一个元素时，您可以说

   selection.node().getComputedTextLength(). 

您还可以使用 getBBox 作为宽度和高度