Javascript 如何确定此水平图表的宽度和高度

我用chart js水平生成了一个图表。我遇到的问题是，当数据更改时，宽度和高度没有固定

以下是一些图片：

JS代码：

ListNomCo=[“a”、“b”、“c”、“d”]；
ListDataCo=[1,2,3,4]；
myHorizontalChartBar=新图表（$（“#myHorizontalChartBar”）[0]{
键入：“水平线”，
数据：{
标签：ListNomCo，
数据集：[{
标签：“档案”，
数据来源：ListDataCo，
背景颜色：“#FD8B6F”，
边框颜色：“#D54A2C”，
边框宽度：1，
宽度：2
}]
},
选项：{
比例：{
xAxes：[{
滴答声：{
贝吉纳泽罗：是的，
显示：假
},
网格线：{
显示：假
},
}],
雅克斯：[{
填充：20，
滴答声：{
贝吉纳泽罗：是的
},
网格线：{
显示：假
},
类别类别：1.5，
百分比：0.3，
类别空间：0
}]
},
MaintaintAspectRatio:false，
图例：{
显示：假
}
}
});
如果希望它与视图端口大小相关，则应将以下类添加到所有子元素中：

.foo{
    width:100vw;
}

我希望这有帮助

下一次,；只显示重要的代码，并将代码段放在单个代码段中，因此，您的帖子更容易理解，而不是像集群一样。
这是什么图表库？@WillardSolutions chart js版本：2.4.0这就是您想要的：是的，我的意思是如何更改此值以具有固定宽度bari没有类foo@mecab1995foo只是一个占位符只要在我做的地方做那门课