Javascript 使用属性/比例填充d3中的工具提示值
我试图向一些D3 rect元素添加一些工具提示,但是在访问元素的属性以填充工具提示值时遇到了一些问题 下面的小提琴演示了这个问题, 我的想法是使用对象的x属性和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
.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);