Hoverinfo for bar chart with multiple y axes

plotly.js
1

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?

2

It should just work: https://codepen.io/etpinard/pen/ZJZMMP?editors=0010

3

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

4

Can you share a reproducible example?

5

Here: https://codepen.io/anon/pen/jLowxM?editors=0010

6

This is what I’m seeing:

Peek 2017-09-06 13-36
Peek 2017-09-06 13-36.gif1375×667 61.5 KB

What browser are you using?

7

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