Plotly chart autoscale problem

[craig-shenton]

#6 Setting Plotly chart autosize=False stops chart dynamically resizing and causes issues at small page widths. But autosize=True limits chart size to 450px

[ghost]

Sounds like this should have solved it back in plotly 3.8 plotly/plotly.py#1524 I wonder if using an older version will fix it...

[ghost]

Hi Craig,

I am struggling to find a way to output the final webpage and recreate the plot not resizing...

• It fails locally when I set autosize=False:

# Asthetics of the plot
fig.update_layout(
    {"plot_bgcolor": "rgba(0, 0, 0, 0)", "paper_bgcolor": "rgba(0, 0, 0, 0)"},
    autosize=False,
    height=1000,
    hovermode="x",
)

• It works locally when I set autosize=True:

# Asthetics of the plot
fig.update_layout(
    {"plot_bgcolor": "rgba(0, 0, 0, 0)", "paper_bgcolor": "rgba(0, 0, 0, 0)"},
    autosize=True,
    height=1000,
    hovermode="x",
)

• It also works locally when I leave autosize out:

# Asthetics of the plot
fig.update_layout(
    {"plot_bgcolor": "rgba(0, 0, 0, 0)", "paper_bgcolor": "rgba(0, 0, 0, 0)"},
    height=1000,
    hovermode="x",
)

• Although, I did find this https://stackoverflow.com/questions/42893446/how-to-fit-map-to-width-with-plotly-python which states that autosize and margin should be used in tandem with each other... so it might be worth trying something like:

fig.update_layout(
    {"plot_bgcolor": "rgba(0, 0, 0, 0)", "paper_bgcolor": "rgba(0, 0, 0, 0)"},
    autosize=True,
    margin=dict(l=50, r=50, b=50, t=50, pad=4, autoexpand=True ),
    height=1000,
    hovermode="x",
)

Really keen to get this one over the line :)

[craig-shenton]

Thanks Adam the last one worked like a charm.

Craig.

[ghost]

Thanks Adam the last one worked like a charm.

Craig.

No worries - it looks great now