Javascript 如何在d3.js中使十字线远离边距？

我试图理解这张图表背后的逻辑：由D3noob制作。 我试着在页边空白处的右边添加一条焦点线。 我找到了一个部分解决方案：

// 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));

唯一的问题是，这条添加的线也在上边距中绘制。

---

我相信这里的问题是这部分代码的最后一行，但我不确定如何解决它。

您不需要

翻译。只要做：

focus.select(".x_track_line_up")
    .attr("x1", x(d.date))
    .attr("x2", x(d.date))
    .attr("y2", y(d.close));

以下是更新的bl.ocks:
非常感谢您的帮助。