Javascript 如何在chart.js中的条形图列中添加背景图像？

在chart.js中，我在条形图中添加了一个背景图像（img.src，来自url），但背景仅用于

repeat

，而不是

repeat-y

var img=newimage（）；
img.src='assets/images/graphpattern.png'；
img.onload=函数（）{
var ctx=document.getElementById（'myChart'）.getContext（'2d'）；
var fillPattern=ctx.createPattern（img，“repeat”）；
//repeat-y不工作==>ctx.createPattern（img，'repeat-y'）；
var图表=新图表（ctx{
类型：'bar'，
数据：{
标签：[“第1项”、“第2项”、“第3项”、“第4项]，
数据集：[{
数据：[5,20,35,45]，
背景颜色：填充图案
}]
}
})
}

ctx.createPattern（）

，带有。我发现

repeat-x

和

repeat-y

的行为在不同的浏览器中有所不同。此处链接的示例适用于Firefox（除了序列图标缺少带有repeat-y的背景图像外），Chromium中为空，但情况正好相反，Chromium和Firefox仅使用

repeat

和

no repeat

，这可能是由于一个错误

---

提供的代码几乎没有从修改过，并且看起来很好，除了一个可能相关或可能无关的“”错误之外；问题可能是库和浏览器的混合，而不是代码中的任何内容。对于其他尝试简单图案背景的人，我建议减少损失并使用上两个链接中提到的图案方法。

给我们一个运行的工作示例！这是@MajidNayyeri的链接