Estoy desarrollando un gráfico de líneas de series de fecha y hora de eficiencias (en porcentaje) a lo largo del tiempo.

Necesito una información sobre herramientas para mostrar información sobre cada punto en el gráfico, pero encuentro que es difícil pasar el mouse sobre los puntos que coinciden con la línea o el marcador de otra serie.

El gráfico será de naturaleza estática en el sentido de que los usuarios no podrán eliminar series del gráfico, por lo que no podrán eliminar una serie para poder desplazarse más fácilmente sobre el punto deseado.

En esta demostración, https://jsfiddle.net/slaws/37y4cteq/10/ , se necesitan muchos intentos para mover el cursor en esa área para obtener la información sobre herramientas para el último punto de la serie con los marcadores negros para mostrar.

Aquí Moví el cursor alrededor del área marcada en rojo, pero no pude obtener la información sobre herramientas para ningún otro punto que no sea el que se muestra.

Tuve que seguir un procedimiento específico y llevar el cursor a un punto específico para poder pasar el cursor sobre el marcador negro y mostrar la información sobre herramientas. Aquí Tuve que pasar el cursor sobre el penúltimo marcador negro y luego mover el cursor al punto indicado para obtener la información sobre herramientas para que se mostrara el último marcador.

Intenté usar findNearestPointBy (x, y y xy) en combinación con stickyTracking (verdadero y falso), sin ninguna mejora.

 "stickyTracking": false, "findNearestPointBy": 'y'

Leí algo sobre un modo de desplazamiento directo en lugar del vecino más cercano, pero no encontré detalles sobre cómo implementarlo.

Cualquier orientación sobre cómo puedo hacer que sea más fácil para mis usuarios mostrar la información sobre herramientas en mi caso de uso sería muy apreciada.