你可以，但不是你所期望的结果。
如果您将pointStyle属性设置为像这样的图像：

myImage = new Image()
myImage.src = 'img/image.png';

...

const data = {
    labels: [...],
    datasets: [
        {
            label: 'Something',
            data: [...your data...],
            pointStyle: myImage,     ///// SET IMAGE FOR BUBBLE
        }
    ]

}

然而，图像的 * 大小 * 不再由气泡半径r决定。因此，据我所知，这是不可能的，除非你想出一种方法来管理图像的大小相对于r由你自己。

你可以使用chartjs-plugin来实现。在项目中添加chartjs-plugin.js，使用以下代码在每个气泡上添加图像。
下面的代码将在每个气泡上添加一个特定的图像。

var icon = new Image();
icon.src = baseURL + "assets/user/images/mood_trend_sad_icon.png";
icon.width = 22;
icon.height = 22;

new Chart(chartCanvas, {
    type: 'bubble',
    data: chartData,
    options: chartOptions,
    plugins: [{
        afterUpdate: function (chart, options) {
            chart.getDatasetMeta(0).data.forEach((d, i) => {
                d._model.pointStyle = icon;

            })
        },
    }]
});

下面的代码将添加动态图像。

new Chart(chartCanvas, {
    type: 'bubble',
    data: chartData,
    options: chartOptions,
    plugins: [{
        afterUpdate: function (chart, options) {
            chart.getDatasetMeta(0).data.forEach((d, i) => {

                var icon = new Image();
                icon.src = jsonUserData[i].avatar;
                icon.width = 22;
                icon.height = 22;

                d._model.pointStyle = icon;

            })
        },
    }]
});

我这边的结果：