Chartjs-Min and Max labels positioning

by

0👍

✅

The min and amx options of axis can accept the values to have a user min and max.
But you can set the align option to the ticks to "inner". In this way the min and max are aligned to left (min) and to the right (max) of chart area.

scales: {
  x: {
    position: 'top',
    grid: {
      display: true,
      drawOnChartArea: false,
    },

    ticks: {
      color: 'blue',
      align: 'inner', // <-- to add, removing min and max setting
      maxRotation: 0,
    },
  },
  y: {
    reverse: true,
    grid: { display: true, drawOnChartArea: false },
  },
},

Leave a comment