title: Number of Ticks shown on Xaxis
body: <p>I am using <a href="http://recharts.org/#/en-US/" rel="nofollow noreferrer">Recharts.js</a> to create charts for my website.</p>
  
  <p>I have some custom ticks that I'm using for the X-axis, but only a couple of them are actually shown when the chart is rendered.</p>
  
  <p>I searched the documentation but I can't figure out what controls the number of ticks been shown.</p>
  
  <p>This is my code for the XAxis:</p>
  
  <pre><code> &lt;XAxis name="city" dataKey="format" tick={&lt;CustomTick/&gt;}/&gt;
  </code></pre>
  
  <p>And here are the Code for the Custom Tick:</p>
  
  <pre><code>const CustomTick = (props) =&gt;{
  
  return(
      &lt;g transform={`translate(${props.x},${props.y})`}&gt;
          &lt;text textAnchor="end" fontSize={12} transform="rotate(-90)" &gt;{props.payload.value}&lt;/text&gt;
      &lt;/g&gt;
  )}
  </code></pre>
  
  <p>It produces something like this, where only a couple of ticks are shown:
  <a href="https://i.stack.imgur.com/bo5NF.png" rel="nofollow noreferrer">Chart</a></p>
  
  <p>Does anyone know what value in Recharts.js that controls the number of ticks rendered?</p>