How to use images as key for chart.js legend?

1

<img src="path/to/image.png" alt="legend-key">

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17

options: {
    legend: {
        labels: {
            usePointStyle: true,  // this will use a small circle instead of text as a legend key
            generateLabels: function(chart) {
                // custom legend label generation logic
                return [{
                    text: 'Legend Item 1',
                    image: 'path/to/image.png'  // specify the path to the image as the key
                }, {
                    text: 'Legend Item 2',
                    image: 'path/to/another-image.png'
                }];
            }
        }
    }
}