Plotly Horizontal Legend Export Cut Off

plotly.js
1

Hi!

I have a trace chart. When I export chart, legend cut off, when legend has long item names and they overlap each other. Chart legend is displayed in browser correctly.

my layout:

layout = {
legend: {
orientation: ‘h’,
x: 0.5,
y: -0.51,
xanchor: ‘center’,
},
margin: { r: 10, b: 0, l: 85, t: 100 },

    xaxis: {
        tickfont: {
            size: 11,
        },
        tickangle: -55,
    },
    title: {
        text: '',
    },
    yaxis: {
        tickfont: {
            size: 10,
        },
    },
    shapes: [
        {
            type: 'line',
            x0: '',
            y0: 0,
            x1: '',
            y1: 0,
            line: {
                color: 'rgb(128, 0, 128)',
                width: 1,
                dash: 'dot',
            },
        },
    ],

}

browser:

browser
browser2180×1540 184 KB

export:

export
export1200×700 98.8 KB

How can I fix it?

Thanks.