堆积条的 X Y 坐标

Question

我需要一些帮助来获取堆积条形图中每个矩形的堆积条形图的 X 和 Y 坐标。

我在这里创建一个新的悬停矩形。我希望在堆叠条形图的悬停矩形的右侧顶部创建。

这是我定义的鼠标悬停函数，问题是它只给出堆叠条的第一个矩形的 y 值。

功能移动（）{ var allRect = d3.selectAll("rect") // 。过渡（） // .duration(300) .attr("不透明度", 0) .attr("显示", "无") d3.select(这个) .attr("不透明度", 1) .attr("显示", "块") d3.select('.g') .append("矩形") .attr("y", function(d) { return y(d.y1); }) .attr("x", 100) .attr("身高", 50) .attr("宽度", 0) .attr("z-index", 1000) .attr("class", "rect-sec") d3.select('.rect-sec') 。过渡（） .duration(300) .attr("宽度", 200) };

请有人帮忙获取悬停时堆叠条的每个矩形的 X 和 Y 坐标。

这是link，我指的是堆积条形图。

Answer 1

您可以在处理程序中选择this 以访问当前元素，即您会这样做

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

获取 x 坐标。