Accepted answer

See this example:

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.


You can eliminate that extra whitespace by forcing rotation:

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

Here is a demo with a before and after,js,output

Original idea came from

Related Query

More Query from same tag