如何将文本追加到第d3行

Question

在这个小提琴中，我试图画线并用文字标记它：

http://jsfiddle.net/96QSs/33/

小提琴代码：

var svg = d3.select("body")
    .append("svg")
    .attr("width" , 300)
    .attr("height" , 300);

var labelLine = svg.append("line")
                .attr("x1", 10)
                .attr("y1", 20)
                .attr("x2", 10)
                .attr("y2", 30)
                .attr("stroke-width", 2);

    labelLine.append("text")
        .attr("dx", 12)
        .attr("dy", ".35em")
        .text(function(d) { return "test" });

但是没有绘制任何行或文字。这行不应该是文字吗？