javascript - 新版本中的 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

来自 this migration guide , 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");
}