lire la largeur de d3 élément de texte

Je voudrais lire la largeur de <text> éléments, créée en d3, après qu'ils ont créé.

J'ai essayé

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

et

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

Merci d'avance

InformationsquelleAutor Brett | 2013-01-28
  1. 56

    Dans une méthode de sélection (comme attr) : 

       this.getComputedTextLength().

    Dans une sélection d'un élément, vous pouvez dire 

       selection.node().getComputedTextLength().

    Vous pouvez également utiliser getBBox pour la largeur et la hauteur

    • getBBox - gist.github.com/mbostock/1160929
    • Est-il la version v4 de cette réponse? Je ne suis pas en mesure de trouver getBBox ou getComputedTextLength dans le nœud. Et je dois obtenir le nœud à l'aide selection.nodes[0] en v4.
    • Voici ce que j'ai fait (fonctionne avec la V4): selection.node().getBBox().width
    InformationsquelleAutor Rachel Gallen
  2. 0

    Vous pouvez utiliser:

    var wh = {w:-1,h:-1};
Array.from(document.querySelectorAll('text')).map(function(ele) {
  var bbox = ele.getBoundingClientRect();
  wh = {
   w: (wh.w<bbox.width) ? bbox.width :wh.w,
   h: (wh.h<bbox.height) ? bbox.height :wh.h
  }
})

    Après cette wh.w contiendra plus grande largeur et wh.h contiendra plus grande hauteur de n'importe quel texte. Vous devez alors entrer plus précis sélecteur CSS pour l'adapter à vos besoins.

    InformationsquelleAutor Netsi1964