☰Read-only archive⌕
Looking for help with Bokeh?

This is a read-only archive. Ask questions and join the conversation on GitHub.

Visit Community Support on GitHub →
Archived discussions · Captured October 28, 2026

Overlapping Hover tooltips

Community Support
Paul
PaulOct 18, 2016   #1

Hi all, imagine two renderers - a line and discrete circles representing dots on that line. Both renderers have tooltips associated with them. When you hover over that circle you end up with both displayed, one on top of each other.

What’s the best way to prevent two or more tooltips that regference the same x, y coordinates (in the above example, a circle)?

In a more general case - how to prevent overlapping tooltips. See Overlapping Hover tooltips · Issue #3260 · bokeh/bokeh · GitHub.

⌁   Link to post
birdsarah_continuum
birdsarah_continuumOct 18, 2016   #2

You can choose to not display a tooltip for one of your things
(circle or line) by specifying the renderers when you add the
HoverTool. But if you want tooltips for both then you do,
unfortunately, have a problem.

There’s an issue here:

  The option for dodge - so the tooltips move around each other -

that’d be a slick feature but I can’t imagine it coming to the top
of the todo list quickly.

  I think it'd be nice to have the option of a fixed position hover

  • It’s mentioned here: &

    (I've also wanted dodge for text labels (e.g. on lines) -

)

  Sorry that was long winded way of saying that it's not currently

possible.

···

https://github.com/bokeh/bokeh/issues/1512https://github.com/bokeh/bokeh/issues/3148https://github.com/bokeh/bokeh/issues/1189https://github.com/bokeh/bokeh/issues/2981
On 10/18/16 6:10 AM,
wrote:

rootsumsquared@gmail.com

    Hi all, imagine two renderers - a line and discrete

circles representing dots on that line. Both renderers have
tooltips associated with them. When you hover over that circle
you end up with both displayed, one on top of each other.

      What's the best way to prevent two or more tooltips that

regference the same x, y coordinates (in the above example, a
circle)?

      In a more general case - how to prevent overlapping

tooltips. See .

–

  You received this message because you are subscribed to the Google

Groups “Bokeh Discussion - Public” group.

  To unsubscribe from this group and stop receiving emails from it,

send an email to bokeh+unsubscribe@continuum.io.

  To post to this group, send email to bokeh@continuum.io.

  To view this discussion on the web visit [https://groups.google.com/a/continuum.io/d/msgid/bokeh/c2353d78-245f-4bdf-bcc5-c2272bd95232%40continuum.io](https://groups.google.com/a/continuum.io/d/msgid/bokeh/c2353d78-245f-4bdf-bcc5-c2272bd95232%40continuum.io?utm_medium=email&utm_source=footer).

  For more options, visit [https://groups.google.com/a/continuum.io/d/optout](https://groups.google.com/a/continuum.io/d/optout).

–
Sarah Bird
Developer, Bokeh

    [
      ![Continuum Analytics](http://docs.continuum.io/_static/img/ContinuumWordmark.png)
    ](http://continuum.io)

https://github.com/bokeh/bokeh/issues/3260

⌁   Link to post
Paul
PaulOct 19, 2016   #3

Is there anything that can be done in terms of hiding all but “the most recent” tooltip?

The following does not work as expected, but could be the step in the right direction. Any thoughts?

$(‘.bk-tooltip:not(:last-child)’).css(“opacity”, “0.1”)

···

On Tuesday, October 18, 2016 at 2:19:35 PM UTC+1, Sarah Bird wrote:

  You can choose to not display a tooltip for one of your things

(circle or line) by specifying the renderers when you add the
HoverTool. But if you want tooltips for both then you do,
unfortunately, have a problem.

There’s an issue here: https://github.com/bokeh/bokeh/issues/1512

  The option for dodge - so the tooltips move around each other -

that’d be a slick feature but I can’t imagine it coming to the top
of the todo list quickly.

  I think it'd be nice to have the option of a fixed position hover

  (I've also wanted dodge for text labels (e.g. on lines) -

https://github.com/bokeh/bokeh/issues/2981)

  Sorry that was long winded way of saying that it's not currently

possible.

  On 10/18/16 6:10 AM, > rootsum...@gmail.com wrote:

    Hi all, imagine two renderers - a line and discrete

circles representing dots on that line. Both renderers have
tooltips associated with them. When you hover over that circle
you end up with both displayed, one on top of each other.

      What's the best way to prevent two or more tooltips that

regference the same x, y coordinates (in the above example, a
circle)?

      In a more general case - how to prevent overlapping

tooltips. See https://github.com/bokeh/bokeh/issues/3260.

–

  You received this message because you are subscribed to the Google

Groups “Bokeh Discussion - Public” group.

  To unsubscribe from this group and stop receiving emails from it,

send an email to bokeh+un...@continuum.io.

  To post to this group, send email to bo...@continuum.io.

  To view this discussion on the web visit [https://groups.google.com/a/continuum.io/d/msgid/bokeh/c2353d78-245f-4bdf-bcc5-c2272bd95232%40continuum.io](https://groups.google.com/a/continuum.io/d/msgid/bokeh/c2353d78-245f-4bdf-bcc5-c2272bd95232%40continuum.io?utm_medium=email&utm_source=footer).

  For more options, visit [https://groups.google.com/a/continuum.io/d/optout](https://groups.google.com/a/continuum.io/d/optout).

–
Sarah Bird
Developer, Bokeh

    [
      <img alt="Continuum Analytics" src="https://lh6.googleusercontent.com/proxy/VYgVjggTk1hCXSN9wFkffE3I6kxTvJ51tT4KvDXOuKbs1WyFG66k7kt2-vkDimbyxfWtP-d1paJmstMYhPPnDYSUF4rLPoYM2GM2QFM=w5000-h5000" style="width:150px;min-height:30px" height="30" width="150">
    ](http://continuum.io)
⌁   Link to post

End of archived discussion · Replies are disabled