Javascript 条形图中的多个数据集->；越界

我正在尝试使用chart.js在条形图中显示数据。我正在使用多个数据集，因此可以将数据id显示为数据集的标签。每个数据集中只有一个数据点，x轴显示时间。我想显示15个数据集。问题是，当显示多个数据集时，某些条会越界。我

我尝试了barPercentage和categoryPercentage选项，但没有成功

以下是我到目前为止得到的信息：

帆布{
高度：120px！重要；
宽度：302px！重要；
}

以及处理图表的脚本：

//要显示的数据集数组
var数据集阵列=[{
标签：“虚拟构建所需的Secounds”，
数据：[{x:“19700101T0001”，y:20}]，
背景颜色：['rgba（0,0,0,0.1）'，
边框颜色：['rgba（0,0,0,1）'，
边框宽度：1
}
，//还有一些数据集
,{
标签：“虚拟构建所需的Secounds”，
数据：[{x:“19710315T0001”，y:20}]，
背景颜色：['rgba（0,0,0,0.1）'，
边框颜色：['rgba（0,0,0,1）'，
边框宽度：1
}];
//创建图表
var ctx=document.getElementById（'myChart'）；
var myChart=新图表（ctx{
类型：'bar'，
数据：{
数据集：datasetarray
},
选项：{
MaintaintAspectRatio:false，
图例：{display:false}，
比例：{
xAxes：[{
类型：'time'，
分布：'系列'，
百分之0.9，
类别类别：0.9，
界限：'数据'，
偏移量：false，
记号：{source:'labels'}
}],
雅克斯：[{
滴答声：{
建议最大值：100
，建议时间：20
，beginAtZero：是的
}
}]
}
}
});

编辑：这里有一个可以帮助你帮助我的方法。提前感谢：）