Javascript 使用属性/比例填充d3中的工具提示值

Javascript 使用属性/比例填充d3中的工具提示值,javascript,jquery,html,d3.js,Javascript,Jquery,Html,D3.js,我试图向一些D3 rect元素添加一些工具提示,但是在访问元素的属性以填充工具提示值时遇到了一些问题 下面的小提琴演示了这个问题, 我的想法是使用对象的x属性和D3中的某种反向比例来返回正确的值,但是我尝试: .text(d.attr("x")); 或 在mouseover函数中,将出现未定义的,另外我相信这将是x坐标,当我真的希望该属性的x比例倒数与用户将在图表上看到的匹配时 有没有什么好办法 谢谢使用此,而不是d: .text(此.getAttribute(“高度”)/30) 请注意,3

我试图向一些D3 rect元素添加一些工具提示,但是在访问元素的属性以填充工具提示值时遇到了一些问题

下面的小提琴演示了这个问题,

我的想法是使用对象的x属性和D3中的某种反向比例来返回正确的值,但是我尝试:

.text(d.attr("x"));

在mouseover函数中,将出现未定义的,另外我相信这将是x坐标,当我真的希望该属性的x比例倒数与用户将在图表上看到的匹配时

有没有什么好办法


谢谢

使用
,而不是
d

.text(此.getAttribute(“高度”)/30)

请注意,
30
是与x轴上的值
1
相对应的像素高度

如果您可以通过编程方式获得该值,那就更好了


请,.

尝试使用
this
,而不是
d
。通常的模式是使用函数,例如
.text(函数(d){return d.x;})
,但是,在jsfiddle中,没有数据绑定到元素,因此这不起作用。
.text(d.properties.x);