[Chartjs]-Chart.js Scale Label not working Chart js in Angular 14

by

1👍

✅

You are defining your scales as 2 arrays, this is V2 syntax, in V3 all scales are their own object within the scales object where the key is the ID of the scale. So changing your config to this will resolve the issue:

scales: {
  y: {
    grid: {
      display: false,
    },
    title: {
      display: true,
      text: 'Counts',
    },
  },
  x: {
    grid: {
      display: false,
    },
    title: {
      display: true,
      text: 'Locale',
    },
  },
}

For all changes between V2 and V3 please read the migration guide

Leave a comment