title: How to decrease domain of dates on x axis in D3.js
body: <p>I am having set of dates on my x-axis and those dates keep on increasing daily so my x axis is getting populated day by day. So I want to show only few dates on my axis. Currently I am using ordinal scale </p>
  
  <pre><code> var xScale = d3.scale.ordinal().rangeRoundBands([0, width], .1);
   var yScale = d3.scale.linear().range([height, 0]);
   var hAxis = d3.svg.axis().scale(xScale).orient('bottom').tickFormat(d3.time.format("%Y-%m-%d"));
  </code></pre>
  
  <p>And its domain defined here:</p>
  
  <pre><code>xScale.domain(tempData.map(function(d) {
                  return d.date;
              }).sort(function(a, b) {
                  return a - b;
              }));
  </code></pre>
  
  <p>Please suggest how can I show only few dates on my x axis.</p>