Question

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

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

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

function movein() {
    var allRect = d3.selectAll("rect")
                    // .transition()
                    // .duration(300)
                    .attr("opacity", 0)
                    .attr("display", "none")

    d3.select(this)
      .attr("opacity", 1)
      .attr("display", "block")


      d3.select('.g')
      .append("rect")
      .attr("y", function(d) { return y(d.y1); })
      .attr("x", 100)
      .attr("height", 50)
      .attr("width", 0)
      .attr("z-index", 1000)
      .attr("class", "rect-sec")

      d3.select('.rect-sec')
        .transition()
        .duration(300)
        .attr("width", 200)
  };

有人请帮助我们在悬停时获得堆叠条形每个矩形的X和Y坐标。

这是link，我正在参考堆积条形图。

Answer 1

您可以在处理程序中选择this以获取对当前元素的访问权限，即您可以

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

访问x坐标。

X Y堆积条的坐标

1 个答案: