Python Plotly xaxis hover text disappears when hoverinfo is set in a trace

Question

I am plotting multiple (2) lines from a timeseries with plotly (v 2.7) in Jupyter notebook. I would like that, on hover, the axis label to appear, and a formatted text for one of the lines.

First, I had

data = []

name = 'houses'
data.append(
    go.Scatter(
        x=df.index,
        y=df[name],
        name=name,
    )
)

name = 'vazamento'
scale = 50
data.append(
    go.Scatter(
        x=df.index,
        y=df[name]*scale,
        name='leaks' + ' (ratio {0}:1)'.format(scale),
    )
)

fig = go.Figure(data=data)
iplot(fig)

which gave me

Now, trying to show text on hover:

name = 'vazamento'
scale = 50
data.append(
    go.Scatter(
        x=df.index,
        y=df[name]*scale,
        name='leaks' + ' (ratio {0}:1)'.format(scale),
        # Added the two lines below
        text=df[name].apply(lambda x: "{0:.0f}".format(x)+" - ")+str('leaks'),
        hoverinfo='text',
    )
)

which results in the chart below, making the x axis info on hover disappear.

I have tried editing the xaxis in the chart layout attribute, but had no success.

How can I keep showing the X axis info on hover, just like it appears in the first chart?

Answer 1

I have found the solution by trial and error after quite some time, I want to document it here.

When any trace in the data list contains the hoverinfo attribute, the x axis info on hover disappears. X info will be shown only in the traces containing x in hoverinfo. So, by default, in the other traces. That's why the second chart in the question started displaying the date (x axis info) on the houses trace, even if the edited trace was leaks.

So, in order to achieve my goal, I had to add hoverinfo='x+SOMETHING' to every trace in the plot:

data = []

name = 'houses'
data.append(
    go.Scatter(
        x=df.index,
        y=df[name],
        name=name,
        # Added this line
        hoverinfo='x+y',
    )
)

name = 'vazamento'
scale = 50
data.append(
    go.Scatter(
        x=df.index,
        y=df[name]*scale,
        name='leaks' + ' (ratio {0}:1)'.format(scale),
        # Added the 2 lines below
        text=df[name].apply(lambda x: "{0:.0f}".format(x)+" - ")+str('leaks'),
        hoverinfo='x+text',
    )
)

fig = go.Figure(data=data)
iplot(fig)

which results in this chart: