二維刷在d3 v4中

Question

我將d3 v3轉換為d3 v4時遇到問題

我有這個代碼：

  var brush = d3.svg.brush()
      .x(x)
      .y(y)
      .on("brushstart", brushstart)
      .on("brush", brushmove)
      .on("brushend", brushend);

但我不知道怎么在v4中寫它

我試過了

 var brush = d3.brush()
      .brushX(x)
      .brushY(y)
      .on("brushstart", brushstart)
      .on("brush", brushmove)
      .on("brushend", brushend); 

但它不起作用

注意：我正在使用包npm：“d3-brush”：“^ 1.0.4”，

Answer 1

這是正確的行為。 閱讀文檔 ，一個注意事項， d3.brush()本身將完成創建二維畫筆的工作：

＃ d3。 brush （） <>

創建一個新的二維畫筆。

因此，在創建的畫筆上沒有方法brush.brushX()和brush.brushY() 。 方法d3.brushX()和d3.brushY()將創建一維畫筆。

因此，您的代碼最終會如下所示：

var brush = d3.brush()
  .on("start", brushstart)
  .on("brush", brushmove)
  .on("end", brushend);