Chartjs-Changing Point Label Colors In Chart.JS

1👍

Chart.js does not draw any data labels itself by default. You most probably have activated (imported) a plugin such as chartjs-plugin-datalabels that draws these labels (see also this answer).

In case of chartjs-plugin-datalabels, individually colored data labels can be obtained through the scriptable option datalabels.color.

options: {
    plugins: {
      datalabels: {
        ...
        color: ctx => ['red', 'blue', 'green', ...]
        ...

Please take a look at the Custom Labels sample page and see how it works.

Leave a comment