新版本中的 D3 事件

Question

我写了以下片段：

ngAfterViewInit() {
    var svg = d3
      .select("svg")
      .call(d3.zoom().on("zoom", () => {
        svg.attr("transform", d3.event.transform)
      }))
      .append("g")
}

我知道d3.event已在新版本中删除，但通读有关如何处理回调中的事件的文档并不能让我了解如何修改它...

有人可以向我解释一下这一点以及如何修复它，以像我这样的新手可以理解的简单方式吗？ 谢谢

Answer 1

在本迁移指南中， d3.event.transform必须替换为以下内容

ngAfterViewInit() {
  let svg = d3                                // <-- I'd suggest using `let` instead of `var`
    .select("svg")
    .call(d3.zoom().on("zoom", (event) => {   // <-- `event` argument
      svg.attr("transform", event.transform); // <-- use `event` here
    }))
    .append("g");
}