Chartjs react horizontal bar chart change y axis labels to images

Question

In this chart I want to replace the text labels "January", "February", etc. with images:

How can I do this with Chart.js and React chart js 2? I cannot see this document in the documentation.

CodeSandbox

Answer 1

If you want to write months on bars you can use ChartDataLabels plugins and formatter.

 plugins: [ChartDataLabels],
    options: {
        indexAxis: "y",
        plugins: {
          datalabels: {
            color: "#fff",
            anchor: "center",
            align: "center",
            font: {
              size: 16,
            },
            formatter: function (value, context) {
              return months[context.dataIndex];
            },
          },
        },
      },

this will you give something like this

months on text label