首页 > 解决方案 > 在我的 d3 图表中,当我更改画笔并单击未选择的范围时,缩放选择消失了

问题描述

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

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

在此处输入图像描述

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

在此处输入图像描述

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

标签: javascriptd3.js

解决方案


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

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

请参阅工作代码andbox.io


推荐阅读