如何在d3js中设置画笔的比例

Question

我试图在React应用中创建画笔。所以我从d3-brush模块导入了brushX函数并执行以下操作：

import  {brushX}  from 'd3-brush';

let brush = brushX()
 .x(this.x)
 .extent([initWindow.start, initWindow.end])
 .on("brush", this.display);

我收到错误 - .x（）不是函数。

那么我如何设置缩放到傲慢？

以下部分代码在非React应用程序中工作正常（d3js是从mdn下载的）：

    var brush = d3.svg.brush()
    .x(x)
    .extent([initWindow.start, initWindow.end])
    .on("brush", display);