title: how to minimize x axis labels to day hours in chart js
body: <p>I want to put ticks on interval day hours, how can I do that?</p>
  
  <p><a href="https://i.stack.imgur.com/dWK6L.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dWK6L.png" alt="enter image description here"></a></p>
  
  <p>Chart labels should be just day hours but I have a lot of ticks, when I put just hours, İt doesn't put ticks in interval hours. </p>
  
  <p><a href="https://jsfiddle.net/ykm3uvL2/" rel="nofollow noreferrer">https://jsfiddle.net/ykm3uvL2/</a> this exaple I have 24 hours for x axis label but I have 100 data. How can I put this data on 24 hour. </p>
  
  <pre><code>var config = {
      type: 'line',
      data: {
          labels: hourOfDay,
          datasets: _datasets
      },
      options: {
          responsive: true,
          title: {
              display: true,
              text: 'Daily Kw Object'
          },
          tooltips: {
              mode: 'label',
          },
          hover: {
              mode: 'nearest',
              intersect: true
          },
          scales: {
              xAxes: [{
                  display: true,
                  scaleLabel: {
                      display: true,
                      labelString: 'Time'
                  }
              }],
              yAxes: [{
                  display: true,
                  scaleLabel: {
                      display: true,
                      labelString: _obj.Items[0].ValueType
                  }
              }]
          }
      }
  };
  
  var ctx =$("#canvas"+_obj.Id)[0].getContext('2d');
  window.myLine = new Chart(ctx,config );
  </code></pre>