Plotly dash app graph legend

Dash Python
1

I having issue in graph legend is overlapping graph. Legend appears in 2 column, how do set it to single column legend outside graph area
legend

2

Hi @mohankumar.c welcome to the forums.

Try updating the figure layout : fig.update_layout(legend={'x':1.1,'y':1.0}) which moves the legend more to the right.

4

Thanks for suggestion, is its possible to display all legends in single vertical column, instead of two columns

5

For my horizontal legend the following worked. It forces each legend item to take the full line space:

fig.update_layout(
        legend_orientation="h",
        legend_entrywidthmode="fraction",
        legend_entrywidth=100, #prevents multiple items in one line of the legend
    )