D3v4 time scale axis error in ticks display
<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>