堆叠酒吧的坐标

我需要一些帮助,以获得堆叠条形图中每个矩形的堆积条形图的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坐标。

这是我引用堆积条形图的链接


你可以在处理程序中选择this来访问当前元素,也就是说你会这样做

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

访问x坐标。

链接地址: http://www.djcxy.com/p/90969.html

上一篇: ordinates of Stacked Bar

下一篇: TypeError: string is undefined