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

时间:2014-04-23 21:53:38

标签: javascript jquery html d3.js

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

以下小提琴演示了这个问题, http://jsfiddle.net/7Df2r/3/

我的想法是使用对象的x属性和D3中的某种反向缩放来支持正确的值,但是我的尝试是:

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

.text(d.properties.x);
鼠标悬停功能中的

未定义,加上我相信这将是x坐标,因为我真的希望该属性的x标度反转符合用户在图表上看到的内容。

有关最佳方法的任何想法吗?

由于

1 个答案:

答案 0 :(得分:0)

使用this代替d

.text(this.getAttribute("height")/30);

请注意,30是与x轴中的1值对应的高度(以像素为单位)。

如果你能以编程方式获得该值,那就更好了。

see a working fiddle whith this solution here