Javascript 在d3中缩放html中的两个图形

我对d3库不太熟悉。我试图使用除了绘制一个图表，该信息是从一个tsv文件，并能够放大和缩小。这对我有好处。问题是我试图在同一个html中有两个不同的图形。我可以在不同的轴上绘制它们，也可以对每个图形进行放大和缩小，但是红色的正方形，我想要最大化的区域的标志，只显示在第一个图形中。例如，如果我有图A和图B，当我在图B中标记要放大的区域时，我在图A中看到带，但缩放在图B上。有人知道定义这个的变量是什么吗？我怎样才能把它分开，使每个图形都有自己的带呢

只需定义另一个变量名为“band2”的波段，例如

var band2 = svg.append("rect")
    .attr("width", 0)
    .attr("height", 0)
    .attr("x", 0)
    .attr("y", 0)
    .attr("class", "band");

然后对图形B使用“band2”。现在，我希望缩放将单独工作