title: ChartJS - Scale x axis labels from single days to multiple months
body: <p>I want to create a line chart which has multiple single days as labels on the x axis. This actually works just fine. I am passing it this javascript array for the x_axis(example):</p>
  <pre><code>['2019-01-02', '2019-01-03', '2019-01-04', '2019-01-07', '2019-01-08', '2019-01-09', '2019-01-10', '2019-01-11', '2019-01-14', '2019-01-15', '2019-01-16']
  </code></pre>
  <p>The problem is, the chart can have 50 different x axis points and so it doesn't make sense to display all those at the same time because it over populates the x axis.</p>
  <p>I would like to instead scale that so that it only uses the months on the x axis. I have been reading that I have to set up the xAxis with a scale, but I have tried various things and it doesn't seem to be working.</p>
  <p>This is an example attempt I made that fails:</p>
  <pre><code>  options: {
        scales: {
          xAxis: [{
            type: 'time',
            position: 'bottom',
            time: {
              parser: 'YYYY-MM-DD',
              displayFormats: {'day': 'MM/YY'},
              tooltipFormat: 'DD/MM/YY',
              unit: 'month',
            }
          }]
        },  
  </code></pre>
  <p>Can anyone please give a pointer on how to do that?
  Thanks!</p>