有没有一个函数可以使用D3.js在折线图上找到近似的x和y坐标值？

// 创建一个包含坐标数据的数组
var data = [
  {x: 1, y: 5},
  {x: 2, y: 10},
  {x: 3, y: 8},
  {x: 4, y: 12},
  {x: 5, y: 6}
];

// 定义x和y的比例尺
var xScale = d3.scaleLinear()
  .domain([1, 5])
  .range([0, 300]);

var yScale = d3.scaleLinear()
  .domain([0, 12])
  .range([200, 0]);

// 创建一个折线生成器
var line = d3.line()
  .x(function(d) { return xScale(d.x); })
  .y(function(d) { return yScale(d.y); });

// 创建SVG元素并添加折线路径
var svg = d3.select("body")
  .append("svg")
  .attr("width", 400)
  .attr("height", 300);

svg.append("path")
  .datum(data)
  .attr("d", line)
  .attr("fill", "none")
  .attr("stroke", "steelblue");

// 获取近似的x和y坐标值
var xValue = 3.5;
var yValue = line.x()(xScale.invert(xScale(xValue)));

console.log("近似的x坐标值：" + xValue);
console.log("近似的y坐标值：" + yValue);