首页 文章

X Y堆积条的坐标

提问于
浏览
4

我需要一些帮助来获得堆积条形图中每个矩形的堆积条形图的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我在哪里引用堆积条形图 .

1 回答

  • 2

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

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

    访问x坐标 .

相关问题