javascript - 在我的 d3 图表中，当我更改画笔并单击未选择的范围时，缩放选择消失

Question

在我的 d3 图表中，当我更改画笔并单击未选择的范围时，缩放选择消失。

这是我的工作代码 - https://codesandbox.io/s/eager-shirley-cxq99

当我更改上面的选择并单击未选择的选择时，缩放选择消失。

请指导我的代码有什么问题。

Answer 1

只需在代码中取消注释这部分即可实际生成缩放矩形，该矩形将在 brushed 函数中使用。

    svg
      .append("rect")
      .attr("class", "zoom")
      .attr("width", containerWidth - 20)
      .attr("height", height)
      .attr("transform", "translate(0,20)")
      .call(zoom);

查看工作 codesandbox.io