d3.jsのマージンから十字線を外す方法はありますか？

Question

私はこのチャートの背後にある論理を理解しようとしています.D3noobによって作られたhttp://bl.ocks.org/d3noob/6eb506b129f585ce5c8aです。 フォーカスサークルから余白の手前にフォーカスラインを追加しようとしました。 私は、部分的な解決策が見つかりました：

// append the x line_up 
    focus.append("line") 
     .attr("class", "x_track_line_up") 
     .style("stroke", "black") 
     .style("stroke", "3,3") 
     .style("opacity", 0.9) 
     .attr("y1", 0) 
     .attr("y2", height); 

//call the x line 
    focus.select(".x_track_line_up") 
     .attr("transform", 
      "translate(" + x(d.date) + "," + 
          y(d.close) + ")") 
      .attr("y2", -height - y(d.close)); 

唯一の問題は、この追加した行は、トップ余白に描かれていることです。 ここの問題はこの部分のコードの最後の行だと私は信じていますが、それを修正する方法がわかりません。

Answer 1

translateは不要です。ただ、やる：たくさんのあなたの助けのためのhttp://bl.ocks.org/anonymous/dd1bb9adda42e4bc9768e9a35432197a