title: chart.js control space between/size of gridlines
body: <p>I have created a line chart in chart.js that plots data from financial markets.</p>
  
  <p>How can I control the width of the gridlines from the x axis?</p>
  
  <p>The data is time based and when the chart starts the space between the gridlines is too big. 
  <a href="https://i.stack.imgur.com/JpinI.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JpinI.jpg" alt="Too Big"></a></p>
  
  <p>As the data is added the chart condenses the space automatically.
  <a href="https://i.stack.imgur.com/bT6NR.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bT6NR.jpg" alt="Getting Smaller"></a></p>
  
  <p>I would like to control the spacing to a uniform amount that I can set from the start.</p>
  
  <p>Any help much appreciated.</p>