Javascript 仅当最小化最大化屏幕时，才能正确绘制图表大小

我会尽力解释这一点。我已经把一张图表用plotly渲染成HTML，一切看起来都很好。我已经使用js正确设置了布局autosize

autosize:true

。但是，当页面加载时，图表只占

的一半。当我将屏幕最小化为移动视图，然后再次将其最大化时，图表将正确显示，占据div的全部宽度。我不明白为什么，显然我希望图表显示全部宽度。请参见以下之前和之后的内容：

新加载页面时div的屏幕截图

在最小化然后最大化屏幕后，您可以看到它占据了所需的全部宽度

当前配置：

var layout= {
            xaxis: {
                title: {
                    text: 'X Axis Title',
                },
                automargin: true
            },
            yaxis: {
                title: {
                    text: 'Y Axis Title',
                },
                automargin: true
            },
            autosize: true,
            paper_bgcolor: "#00000000",
            plot_bgcolor: "#00000000"
        }
        
        Plotly.newPlot('chart_div', data, layout, {responsive: true});