title: D3v4 time scale axis error in ticks display
body: <p>I'm actually experimenting D3 v4 and i face a problem in ticks display on time axe.</p>
  
  <p><a href="http://i.stack.imgur.com/RX4Nf.png" rel="nofollow">Here is the difference between v3 and v4 display</a></p>
  
  <p>The v3 code i try to transpose is the following</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var x = d3.time.scale().range([0, width]);
  var xAxis = d3.svg.axis().scale(x).orient("bottom").ticks(6);
  x.domain(d3.extent(data.map(function(d) { return d.date; })));
  
  gXAxis.call(xAxis);</code></pre>
  </div>
  </div>
  </p>
  
  <p>And the v4 code i made is this</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import {scaleTime, scaleLinear} from 'd3-scale';
  import {axisBottom, axisLeft} from 'd3-axis';
  import {select} from 'd3-selection';
  import {extent} from 'd3-array';
  
  
  let x = scaleTime().range([0, width])
      .domain(extent(data.map(function(d) { return d.date; })));
  
  let xAxis = axisBottom().scale(x).ticks(6);
  
  gXAxis.call(xAxis);</code></pre>
  </div>
  </div>
  </p>
  
  <p>Does someone have an idea of my mistake? I guess a wrong usage of the v4 API but got difficulties finding documentation on this alpha version.</p>
  
  <p>Thanks</p>