无法将参考线添加到d3 v4中的散点图

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

var scatterplot = svg.append("g")
  .attr("class", "scatterplot");

var referenceLine = svg.append("line")
  .attr("class", "reference-line");

scatterplot.selectAll("circle")
  .data(data)
  .enter()
  .append("circle")
  .attr("cx", function(d) { return xScale(d.x); })
  .attr("cy", function(d) { return yScale(d.y); })
  .attr("r", function(d) { return radiusScale(d.radius); })
  .attr("fill", function(d) { return colorScale(d.color); });

referenceLine.attr("x1", xScale(xValue))
  .attr("y1", yScale(yValue))
  .attr("x2", xScale(xValue))
  .attr("y2", height - margin.bottom)
  .attr("stroke", "red")
  .attr("stroke-width", 2);