Black Lives Matter. Please consider donating to Black Girls Code today.
Learn how to use COVID-19 data in open source Dash apps. Register for the Sept 23rd webinar with IQT!

Hoverinfo for bar chart with multiple y axes

I have a bar chart with two y axes and a common x axis. How can I display the information from both y axes upon hovering the chart? What should I set the ‘hoverinfo’ to in respective traces?

It should just work:

It doesn’t look pretty when one of y axes has negative values. Any workaround for that?

Can you share a reproducible example?


This is what I’m seeing:

What browser are you using?

I can see the same thing. But it is not very intuitive for the purpose. Pretty confusing with the random gaps.