d3.js - d3 - 横棒グラフで棒の下部を識別する方法

Question

わかりましたので、最初の棒と他の棒の間に黄色の線があるいくつかの棒グラフを作成する必要があります。

var y = d3.scale.ordinal()
    .rangeRoundBands([0, height], .2);

...

svg.selectAll(".bar")
    .data(data)
    .enter().append("rect")
    .attr("class", function(d) { return "bar " + d.label; })
    .attr("id", function(d){return d.label})
    .attr("x", function(d) { return x(Math.min(0, d.value)); })
    .attr("y", function(d) { return y(d.label); })
    .attr("width", function(d) { return Math.abs(x(d.value) - x(0)); })
    .attr("height", y.rangeBand()); 

そして、これは私が黄色の線を構築しようとしている場所です:

svg.append("line")
  .attr("class", "yellow")
  .attr("x1", 0 )
  .attr("x2", width )
  .attr("y1", y.rangeBand() + 14)
  .attr("y2", y.rangeBand()+14);

したがって、このようにして、ラインは多かれ少なかれ必要な位置にありますが、バーの数が変更され (実際に発生し)、その結果としてバーの高さが変更されると、明らかに位置がずれてバーの後ろになります。

値を見つける方法について何か考えはありますか?