Chart.js - shrinking legend to fit data

Question

Have a very simple chart, 3 series in the data set, however I want to shrink the chart so it's not scaling to the next month with whitespace, is there an option for this?

I feel like I've tried everything, see on the right hand side how it includes Jun because the date on the last item would be something like 2019-05-02, but I want to hide the whitespace if possible!

xAxes: [{
  stacked: true,
  beginAtZero: true,
  bounds: 'ticks',
  ticks: {
    stepSize: 1,
    min: 0,
    autoSkip: true
  },
  type: 'time',
  position: 'bottom',
  time: {
    tooltipFormat: 'YYYY/MM/DD',
    unit: 'month',
  },
  scaleLabel: {
    display: true,
    labelString: 'Date Range',
    fontSize: 20
  }
}]

Answer 1

That's because of bounds: 'ticks' .

If you write bounds: 'data' (or simply remove it because data is the default setting) there is no whitespace.