[Chartjs]-Angular Chart JS prevent x label causing overflow

0👍

✅

You could add right-padding of 10px to the chart and expand callback function hide the last label by returning an empty string.

callback: (value,index,values) => {
  // don't show last tick label
  if (index+1 >= values.length) {
    return '';
  }

  ...
}

As K Scandrett recommends, label rotation could also be used if many chart values exist.

-1👍

You can eliminate that extra whitespace by forcing rotation:

xAxes: [{
   ticks: {
      autoSkip: false,
      maxRotation: 45,
      minRotation: 45
   }
}]