如何使用d3绘制一条连续线，而不需要单击并拖动鼠标，而只需使用mouseover事件？

<script src="https://d3js.org/d3.v7.min.js"></script>

<svg id="svgContainer"></svg>

var data = [
  { x: 50, y: 50 },
  { x: 100, y: 100 },
  { x: 150, y: 50 },
  { x: 200, y: 100 }
];

var lineGenerator = d3.line()
  .x(function(d) { return d.x; })
  .y(function(d) { return d.y; });

d3.select("#svgContainer")
  .append("path")
  .attr("d", lineGenerator(data))
  .attr("stroke", "black")
  .attr("stroke-width", 2)
  .attr("fill", "none");

d3.select("path")
  .on("mouseover", function() {
    // 鼠标移动到线条上时的操作
  });