dygraphs在选择时更改点样式

Question

单击时我试图自定义Dygraphs点样式。调用pointClickCallback时，我使用画布上下文对其进行自定义，并且效果很好。问题在于，当鼠标在图形上移动时，选定的点样式会由于某些原因而更改。

以下是代码：https://stackblitz.com/edit/js-xyfkfk

要复制：

• 单击图形中间的点（出现红点）
• 移动鼠标

请注意，红点样式已更改，出现了一些空白。

pointClickCallback: (e, point) => {
      g.setSelection(point.idx, point.name, true);
      const selectedPoint = g.selPoints_[0];
      currentPoint = selectedPoint;
      // Draw red dot
      drawRedPoint(point.canvasx, point.canvasy, g.canvas_ctx_)
}

const drawRedPoint = (x, y, ctx) => {
  ctx.beginPath();
  ctx.strokeStyle = "red";
  ctx.arc(x, y, 5, 0, 2 * Math.PI);
  ctx.fillStyle = "red"
  ctx.fill();
  ctx.stroke();
  ctx.closePath()
}