The callback is not working as expected for x-Axis

[adarshk007]

Expected behavior

Steps to reproduce:

Paste the below options in https://codepen.io/leelenaleee/pen/WNyJXEe.

var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
        datasets: [{
            label: '# of Votes',
            data: [12, 19, 3, 5, 2, 3]
        }]
    },
    options: {
      scales: {
        x: {
          ticks: {
            callback: (label) => `${label} days`
          }
        },
        y: {

        }
      }
    }
});

• Instead of "red days" , "yellow days" its returning "0 days" , "1 days"
• Means index are passed in labels instead of values. It is working for Y-axis. Kindly look into it.

Reproducible sample

https://codepen.io/leelenaleee/pen/WNyJXEe

Optional extra steps/info to reproduce

No response

Possible solution

No response

Context

No response

chart.js version

v4.4.2

Browser name and version

No response

Link to your project

No response

[adarshk007]

It's not a bug though. After checking the structure !! we can add it as enhancement.

[LeeLenaleee]

Duplicate of: https://github.com/chartjs/Chart.js/issues/11748