Feature request : Tooltip describing data point nearest to the mouse (MouseCoordinates) about react-stockcharts HOT 5 CLOSED

Instead of the cross hair snapping to the y, I was thinking of an in-place tooltip, like this. This will be a new tooltip component InPlaceTooltip and anyone can use this along with or as a replacement of MouseCoordinate.

from react-stockcharts.

Oh yes that would be great, that's exactly what I would need. Adding an optional callback when a tooltip is requested ( tooltipRequested )on a data point would be great too (to specify its text content).

One problem I have with what I have done with my modifying of MouseCoordinates is that no matter how close the mouse pointer is from a point, it has to be the closest X-wise first, then Y-wise, so the user experience in some cases can be a real pain (try "tooltiping" the third orange data point in your example, here it's not an issue because the Y axis is the same).

To avoid this problem of point, it might be nice to be able to specify which curve (or, at least, Chart) is "tooltipable" or not.

from react-stockcharts.

Work in progress version here

from react-stockcharts.

Excellent work! Been hoping to see hover tooltip at some point.

from react-stockcharts.

fixed, published in 0.5

from react-stockcharts.