d3 récupérer et ajouter à la valeur d'attribut de la sélection en cours

Je vais essayer d'obtenir les valeurs d'un élément de la traduction.

Par exemple, si je sélectionne l'axe des x:

d3.select('.x.axis').attr("transform")

puis-je obtenir

"translate(0,112)"

Comment puis-je obtenir le 0 et la 112 sans traitement d'une regexp?

J'essaie de faire en sorte que je peux ajouter de la valeur. En pseudo-code:

d3.selectAll('.x.axis').attr('transform', 'translate('
        .attr('transform').match(/(\d+)(\.\d+)?/g)[0] //<-- clearly won't work
        + additional_value
        + ', 0)');

source d'informationauteur ari gold

  1. 34

    D3 fournit la transform() function pour exactement cet effet:

    var t = d3.transform(d3.select('.x.axis').attr("transform")),
    x = t.translate[0],
    y = t.translate[1];
  2. 2

    si vous souhaitez utiliser selectAll vous pouvez essayer quelque chose comme ceci:

    //move ticks to the center of the x-axis   
var transform;
d3.selectAll('.tick').attr('transform', function(){
  transform = d3.transform(d3.select(this).attr("transform"));
  return "translate("+transform.translate[0]+", -3)";
});