Javascript Chartjs-调整位于列中的图像的大小

我成功地在列中插入了一个图像，并且 我想修改位于列上的图像的宽度和高度

问题是：

如何访问画布图案的高度和宽度

如果没有办法，还有什么其他方法可以在列中定位图像？ -除了amcharts-

以下是代码：

var img = new Image();
img.src = document.getElementById('image').src;
img.onload = function() {
var ctx = document.getElementById("myChart").getContext("2d");
var fillPattern = ctx.createPattern(img, 'no-repeat');

var chartData = {
  datasets : 
  [{
    label: 'user1',
    backgroundColor:'rgba(229,204,255,1)' ,
    data : [150]
  },
  {
    label: 'user2',
    backgroundColor: fillPattern,  
    data: [120]
    
  }
   ]
};

    var myChart = new Chart(ctx, {
        type: 'bar',
        data: chartData,
        options:options
 });
};

输出：

图像左侧的部分仅显示在条形图上：

图片：

---

一种可能的方法是在单个条中添加所需大小的图像

请看下面的代码

新图表（document.getElementById（'myChart'）{
类型：'bar'，
数据：{
标签：['A'，'B']，
数据集：[{
标签：“我的第一个数据集”，
数据：[500450]，
背景颜色：['rgba（255，99，132，0.2）'rgba（255，159，64，0.2）'，
边框颜色：['rgb（255，99，132）''rgb（255，159，64）'，
边框宽度：1
}]
},
选项：{
插件：{
标签：{
渲染：“图像”，
文本边距：-160，
图像：[
无效的
{
src:'https://i.stack.imgur.com/556XZ.png',
宽度：150，
身高：150
}
]
}
},
比例：{
雅克斯：[{
滴答声：{
贝吉纳泽罗：是的
}
}]
}
}
});
这正是我想要的，谢谢你的努力！！