Javascript d3堆叠条形图中工具提示的x位置不工作

我真的不知道为什么，但我正在处理的堆叠条形图中的xPosition并没有真正起作用。有人能说出我做错了什么吗

无论我在哪个栏上悬停，它总是从侧面出现：

下面是我正在处理的JS Bin代码：

---

感谢所有的帮助。谢谢

检查控制台，控制台是你的朋友。你有很多南。原因很简单：您的

rect

元素没有“x”属性。所以，这不起作用：

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

相反，您必须获得作为相应矩形父级的组的“x”平移：

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

---

这是您的工作代码：

不用担心。请记住，

d3.transform

在d3版本4中被删除。。。因此，如果您将代码更新到v4，此代码段将不起作用。我目前正在使用版本3，但我会记住这一点。谢谢你的提示。