x позиция всплывающей подсказки в d3 уложенная гистограмма не работает

Question

Я действительно не знаю, почему, но мое xPosition в штабелированной гистограмме, над которой я работаю, действительно не работает. Может кто-то сказать, что я делаю неправильно?

Независимо от того, что бар я парить над ней всегда выходит на стороне:

Вот код JS Bin, что я работаю на: https://jsbin.com/qudoyewiba/edit?js,output

Вся помощь ценится. Благодаря!

Answer 1

Осмотрите консоль, консоль - ваш друг. У вас много NaNs. Причина проста: ваши элементы rect не имеют атрибута «x». Таким образом, это не работает:

var xPos = parseFloat(d3.select(this).attr("x")); 

Вместо этого, вы должны получить «х» перевод группы, которая является родителем этого соответствующего прямоугольника:

var group = d3.select(d3.select(this).node().parentNode); 
var xPos = d3.transform(group.attr("transform")).translate[0]; 

Вот ваш рабочий код : https://jsbin.com/dutetokoti/1/edit