D3, получить положение x элемента <g> и применить множественное преобразование
С D3.js я хочу преобразоватьx
изgroup
много раз (например, нажатием кнопки, вызывающей преобразование для каждого клика), начиная с текущей позиции группы. Проблема вЯ не могу получить х группы и, даже если я найду его, я не смогу найти встроенную функцию, которая позволит мне изменитьx
группы, начиная с ее нынешнегоx
, Я что-то упустил? Это очень странно, я не могу получитьx
элемента, добавленного к SVG-сцене.
Мой код следующий (отредактированный для Lars): я создал узлы так, как вы предлагали мне вчера (клонировал их).
var m=[5,10,15,20,25,30];
var count=0;
d3.select('svg').on("mouseup", function(d, i){
count+=0.5;
var n = d3.selectAll(".myGroup");
n.each(function(d,i) {
if(i!=0){
// here I need to know the current x of the current n element but I
// can't get it
// this causes error "Uncaught TypeError: undefined is not a function"
// var currentx = d3.transform(this.attr("transform")).translate[0];
this.setAttribute("transform", "translate("+((100/m[i])*count)+",10)");
}
});
});