Я пытаюсь настроить стиль точки 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()
}