javascript – X Y Stacked Bar的坐标

2023年11月7日 212次阅读

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

最佳答案 您可以在处理程序中选择此选项以访问当前元素,即您可以这样做

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

访问x坐标.

点赞