Wie setze ich d3.brush Extent richtig?

Ich schreibe ein d3 Widget basierend auf Mike Bostocks Beispielhttp://bl.ocks.org/mbostock/1667367 Ich versuche also, die Pinselausdehnung mit vordefinierten Daten festzulegen, aber das Ausdehnungsrechteck wird nicht auf diese Daten angewendet.

var brush = d3.svg.brush()
            .x(x2)
            .extent([new Date("May 2001"), new Date("May 2002")])
            .on('brush', brushed);

...

der gesamte Code hierhttp://plnkr.co/edit/H3nt9t8pw0nXM4yHp25P?p=preview