新版本中的 D3 事件

Question

我写了以下sn-p：

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");
}