如何将图像用作chart.js图例的键

Question

我现在已经建立了一个内部KPI，该KPI使用业务员的姓名作为图例键，但是我需要使用其自定义图标作为具有各自颜色边框的键。

我尝试编辑chart.js选项：每个文档的图例字段，但无济于事（请参阅下面的当前选项和数据集配置。）

datasets: [
                    {
                        label: "Salesperson1",
                        data:totalPointsSalesperson1,
                        fill:  false,
                        borderColor: 'blue',

                    },
                    {
                        label: "Salesperson2 ",
                        data:totalPointsSalesperson2,
                        fill:  false,
                        borderColor: 'red',
                    },
                    {
                        label: "Salesperson3",
                        data:totalPointsSalesperson3,
                        fill:  false,
                        borderColor: 'green',
                    },
                    {
                        label: "Salesperson4",
                        data:totalPointsSalesperson4,
                        fill:  false,
                        borderColor: 'yellow',
                    }
        ],
    },
    options: {

        legend:{
            position: 'right',
            display: true,
            labels: {
            padding: 150,
            },
        },

更改图表上的点样式似乎很容易，但是修改图例似乎非常棘手。也许我错过了明显的东西？还有一点要注意，因为这是一个折线图。

Answer 1

决定取消Chart.js图例配置，并决定自己写一个，我将结束这个问题。