Share legend entry between plots

[ziczac]

I have charts on x1 and x2 that share a legend. However there are duplicate legend entries as every trace adds an entry. I would like to only have 1 entry and ideally have both lines react to that legend entry being clicked.
Is that possible?

I tried either using 2 x-axes and tools.make_subplots

2 x axes:

Multiple

        traces.append(go.Scatter(
            x=x,
            y=y,
            name=name,
            line={'color': color},
            xaxis='x1',
            yaxis='y1',
        ))

        traces.append(go.Scatter(
            x=x,
            y=y,
            name=name,
            line={'color': color},
            xaxis='x2',
            yaxis='y3',
        ))

Subplots:
When I do this and I click on a legend entry, it disables all traces in the legend, not just the one corresponding to the legend entry

Graphs sharing same legend

Here is an example code using plotly.tools to make subplots, then I used the prop legendgroup to group together the traces. # In[]: # Import required libraries import dash import dash_html_components as html import dash_core_components as dcc from dash.dependencies import Input, Output, State, Event import plotly.graph_objs as go from plotly import tools # Define the app app = dash.Dash('') server = app.server app.config.suppress_callback_exceptions = False app.scripts.config.serve_locally =…

        fig.append_trace(go.Scatter(
            x=x,
            y=y,
            name=name,
            line={'color': color},
            legendgroup='group1'
        ), 1, 1)

        fig.append_trace(go.Scatter(
            x=x,
            y=y,
            name=name,
            line={'color': color},
            legendgroup='group2'
        ), 1, 2)

    graphs.append(dcc.Graph(figure=fig))

[ziczac]

using legendgroup worked for me