D3如何将针附加到曲线上的某一点

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

var curve = d3.line()
  .x(function(d) { return xScale(d.x); })
  .y(function(d) { return yScale(d.y); });

svg.append("path")
  .datum(data)
  .attr("class", "line")
  .attr("d", curve);

var needle = svg.append("circle")
  .attr("class", "needle")
  .attr("r", needleRadius);

svg.on("mousemove", function() {
  var coordinates = d3.mouse(this);
  var x = coordinates[0];
  var y = coordinates[1];
  
  // 更新针的位置
  needle.attr("cx", x)
        .attr("cy", y);
});