如何在 chartjs 2.9.4 中为数据集中的每个数据添加标签？

Question

有谁知道如何将这个标签添加到 chartjs 2.9.4？ 我需要在每个数据前添加标签

data: {
    labels: [
        "M01-Juil.",
        "M02-Août.",
        "M03-Sept.",
        "M04-Oct.",
        "M05-Nov",
        "M06-Déc.",
        "M07-Jan.",
        "M08-Juil.",
        "M09-Mars.",
        "M10-Avr.",
        "M11-Mai.",
        "M12-Juin",
    ],
    datasets: [{
        label: "2020-2021",
        data: [679850, 694802, 1053175, 661847, 649864, 496568, 545552, 1808332, 649864, 996568, 545552, 108332],
        backgroundColor: "#00a1e0",
    }, {    
        label: "2021-2022",
        data: [1349542, 634802, 1553175, 1661847, 149864, 296568, 345552, 808332, 649864, 926568, 2545552, 838332],
        backgroundColor: "#16325c",
    }, {
        label: "2022-2023",
        data: [1428664, 394802, 2053175, 3164986, 645864, 996568, 245552, 838332, 649864, 1996568, 545552, 208332],
        backgroundColor: "#76ded9",
    }]
}

Answer 1

你读过

datalabels

插件吗？您可以在

此处

找到更多信息。 导入该库后，您可以按如下方式更新图表配置：

chart.js

options: {
plugins: {
    datalabels: {
        align: 'end',
        anchor: 'end',
        color: 'black',
        formatter: function(value, context) {
            return context.chart.data.labels[context.dataIndex] + ': ' + value;
        }
    }
}
}

属性是这里的关键部分。