Javascript Ploty.js图形没有响应

使用Plotly.js创建堆栈条形图后，我注意到它不会响应不同的屏幕宽度。如何使图形响应自动调整大小以适应屏幕宽度

我尝试使用以下方法，但无效：

window.onresize = function() {
    Plotly.Plots.resize('myDiv');
};

var trace1={
x:[“A类”、“B类”、“C类”、“D类”、“E类”、“F类”、“G类”、“H类”]，
y:[20,14,23,20,14,23,34,26]，
标记：{
颜色：['rgba（0152212,0.5）''rgba（0152212,0.5）''rgba（0152212,0.5）''rgba（0152212,0.5）''rgba（0152212,0.5）''rgba（0152212,0.5）''rgba（0152212,0.5）'
},
名称：“项目1”，
类型：'bar'
};
变量trace2={
x:[“A类”、“B类”、“C类”、“D类”、“E类”、“F类”、“G类”、“H类”]，
y:[12,18,29,12,18,29,24,22]，
标记：{
颜色：['rgba（0152212,1）''rgba（0152212,1）''rgba（0152212,1）''rgba（0152212,1）''rgba（0152212,1）''rgba（0152212,1）''rgba（0152212,1）'rgba（0152212,1）'
},
名称：“项目2”，
类型：'bar'
};
变量trace3={
x:[“A类”、“B类”、“C类”、“D类”、“E类”、“F类”、“G类”、“H类”]，
y:[12,18,29,12,18,29,24,22]，
标记：{
颜色：['rgba（0,54136,1）''rgba（0,54136,1）''rgba（0,54136,1）''rgba（0,54136,1）''rgba（0,54136,1）''rgba（0,54136,1）''rgba（0,54136,1）'rgba（0,54136,1）'
},
名称：“项目3”，
类型：'bar'
};
var数据=[trace1，trace2，trace3]；
变量布局={
barmode:'堆栈'
};
Plotly.newPlot（'myDiv'，数据，布局）
只需在布局中将autosize设置为True，然后通过relayout方法将x轴和y轴设置为autorange。i、 e


var trace1={
x:[“A类”、“B类”、“C类”、“D类”、“E类”、“F类”、“G类”、“H类”]，
y:[20,14,23,20,14,23,34,26]，
标记：{
颜色：['rgba（0152212,0.5）''rgba（0152212,0.5）''rgba（0152212,0.5）''rgba（0152212,0.5）''rgba（0152212,0.5）''rgba（0152212,0.5）''rgba（0152212,0.5）'
},
名称：“项目1”，
类型：'bar'
};
变量trace2={
x:[“A类”、“B类”、“C类”、“D类”、“E类”、“F类”、“G类”、“H类”]，
y:[12,18,29,12,18,29,24,22]，
标记：{
颜色：['rgba（0152212,1）''rgba（0152212,1）''rgba（0152212,1）''rgba（0152212,1）''rgba（0152212,1）''rgba（0152212,1）''rgba（0152212,1）'rgba（0152212,1）'
},
名称：“项目2”，
类型：'bar'
};
变量trace3={
x:[“A类”、“B类”、“C类”、“D类”、“E类”、“F类”、“G类”、“H类”]，
y:[12,18,29,12,18,29,24,22]，
标记：{
颜色：['rgba（0,54136,1）''rgba（0,54136,1）''rgba（0,54136,1）''rgba（0,54136,1）''rgba（0,54136,1）''rgba（0,54136,1）''rgba（0,54136,1）'rgba（0,54136,1）'
},
名称：“项目3”，
类型：'bar'
};
var数据=[trace1，trace2，trace3]；
变量布局={
barmode:'堆栈'，
autosize:true//将autosize设置为重新缩放
};
Plotly.newPlot（'myDiv'，数据，布局）；
//更新布局以扩展到可用大小
//调整窗口大小时
window.onresize=函数（）{
Plotly.relayout（'myDiv'{
“xaxis.autorange”：真，
“yaxis.autorange”：真
});
};

出于某种原因，这对我不起作用。大小保持不变。@MacaronLover-嗯？单击运行代码段->然后单击整个页面。很明显，图表会调整大小以填充整个页面的宽度…不用担心-让我当时感到困惑：）