javascript - 如何正确设置d3.brush extent？

Question

我正在编写一个基于 Mike Bostocks 示例的 d3 小部件 http://bl.ocks.org/mbostock/1667367因此，我尝试使用预定义日期设置画笔范围，但范围矩形不适用于这些日期。

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

...

完整代码在这里http://plnkr.co/edit/H3nt9t8pw0nXM4yHp25P?p=preview

Answer 1

据我了解，您希望最初设置日期范围。您需要调用具有所需范围的画笔组件。

        brush.extent([new Date("May 2001"), new Date("May 2002")]);
        context.select('.brush').call(brush);
        brushed();

工作代码是here