Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Tooltips or an API to support their implementation

See original GitHub issue

I like to have tooltips instead of the legend to show the currently hovered value. Would you consider implementing tooltips yourself or alternatively provide an API like getValuesAtCursor to allow a implementation with libraries like popper.js? Something like this:

https://codepen.io/FezVrasta/pen/bWezaY

Issue Analytics

State:
Created 4 years ago
Comments:12 (12 by maintainers)

Top GitHub Comments

1reaction

silverwindcommented, Dec 7, 2019

https://codesandbox.io/s/uplot-tooltip-placement-l4b9u

I’m happy with the result. To change it to be confied to the chart area, set bound = plot. I opted to hide .cursor-hz always and only show .cursor-vt when the mouse is over the chart. Maybe this is something you want to consider supporting more directly (e.g. a option to hide a cursor line and some methods to show/hide them). Also maybe cursorenter and cursorleave events might be useful.

(For some reason that Sandbox only works in Firefox for me)

0reactions

leeoniyacommented, Dec 29, 2019

the third constructor param can now accept an HTMLElement container to append into. this signature also defers firing hooks until after dom insertion.

https://github.com/leeoniya/uPlot/blob/master/demos/cursor-tooltip.html#L108