Chart.js 如何在添加新数据集时保持条形图的大小不变

当我向水平条形图添加新数据集时，它们会根据条形图的百分比进行缩放

我想添加新的数据集并保持条形图的大小不变。我曾尝试使用barThickness在条上始终获得相同的大小，但这只是重叠条，因为类别y轴也没有增加

如何在动态缩放y轴以适应条形尺寸的同时，设置特定的条形厚度

正如您在下面的示例中所看到的，添加两个数据集会使条形图重叠。我希望能够保持条的大小，而不是增加Y轴的大小以适应它们，并动态地这样做，以便在添加/删除数据集时，它将自动调整大小

var ctx=document.getElementById（'myChart'）.getContext（'2d'）；
风险值数据={
标签：['label1'、'label2'、'label3'、'label4']，
数据集：[
{
标签：'mydataset1'，
巴特希克内斯：22岁，
数据：[1,2,3,4]，
背景颜色：'红色'，
},
{
标签：'mydataset2'，
巴特希克内斯：25岁，
数据：[1,2,3,4]，
背景颜色：'蓝色'，
}
]
}
变量选项={
回答：是的，
维护Aspectratio：是的，
比例：{
xAxes：[{
滴答声：{
最高：12，
分:0,，
}
}],
yAxde：[{
}],
}
};
var图表=新图表（ctx{
键入：“水平线”，
数据：数据，
选项：选项，
});
.chartWrapper{
位置：相对位置；
}
.chartWrapper>画布{
位置：绝对位置；
左：0；
排名：0；
指针事件：无；
}
.chartAreaWrapper{
高度：85vh；
背景色：rgba（0,0,0,0）；
}

页面标题
使用属性
barThickness:“flex”
，这样无论何时从图表中添加或删除数据，
chartjs
都会自动调整厚度


var ctx=document.getElementById（'myChart'）.getContext（'2d'）；
风险值数据={
标签：['label1'，'label2'，'label3'，'label4']，
数据集：[
{
标签：“mydataset1”，
barThickness：“flex”，
数据：[1,2,3,4]，
背景颜色：“红色”，
},
{
标签：“mydataset2”，
barThickness：“flex”，
数据：[1,2,3,4]，
背景颜色：“蓝色”，
},
{
标签：“mydataset3”，
barThickness：“flex”，
数据：[1,2,3,4]，
背景颜色：“绿色”，
}
]
}
变量选项={
回答：是的，
维护Aspectratio：是的，
比例：{
xAxes：[{
滴答声：{
最高：12，
分:0,，
}
}],
yAxde：[{
}],
}
};
var图表=新图表（ctx{
键入：“水平线”，
数据：数据，
选项：选项，
});
.chartWrapper{
位置：相对位置；
}
.chartWrapper>画布{
位置：绝对位置；
左：0；
排名：0；
指针事件：无；
}
.chartAreaWrapper{
高度：85vh；
背景色：rgba（0,0,0,0）；
}

页面标题
您可以添加一个可运行的代码片段来说明您当前拥有的内容吗？这里有一个小提示：，如果您删除已注释的数据集，它将向图表中添加第二个数据集，您将看到两条线现在重叠。我想做的是保持条形图的大小，但增加标签类别的大小，使它们现在都适合于同一类别。由于我最终会在图表中添加更多数据集，因此在添加/删除数据集时需要自动调整高度。您好，谢谢您的回复。我可能有点不清楚。实际上，我不希望这些条发生弯曲，我希望所有条的厚度都为10，并且每当添加新的数据集时，Y轴都会相应地缩放。