Is there a way to have the tooltip "vertical crosshair" and "snap tooltip to datum x" to be available on a line chart, NOT <XYChart />

[hyfydistro]

I want to have the same "snap" effect too but not in the prebuilt "XYChart".

I am making a multiline chart and I would like them all in sync aswell. How do I address the snapping issue? When I cross a point of the datum, I have a circle shape that just floats until I'm on the next nearest datum point.

[williaster]

hey @hyfydistro 👋 thanks for checking out visx. I'm going to move this to discussions since it's a usage question, not an issue.

To accomplish the "snap to nearest point" behavior, you need to

• find the nearest data point to the pointer event
• apply the xScale to that data point's x-value to get the location of the point on the chart
• use that scaled x-value to position the tooltip (rather than the x-coordinate of the pointer event itself)

Here's a modified /areas demo which shows snapping behavior

For comparison here is the existing demo which uses the pointer event for the x-coordinate