在 d3 中带放大 html 中的两个图形

Question

我对 d3 库不太熟悉。我正在尝试使用 http://bl.ocks.org/jroetman/9b4c0599a4996edef0ab 除了绘制一个图表，该图表的信息是从 tsv 文件中获取的并且能够放大和缩小。这对我很有用。问题是我试图在相同的 html 中有两个不同的图表。我可以在不同的轴上绘制它们，也可以对每个图形进行放大和缩小，但是红色方块，即我想要最大化的区域的标志，仅显示在第一个图形中。例如，如果我有图 A 和图 B，当我在图 B 中签署要放大的区域时，我在图 A 中看到了条带，但在图 B 上放大了。有人知道定义这个的变量是什么吗？我如何将它分开，以便为每个图表我将拥有自己的乐队？

Answer 1

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

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

然后对图 B 使用“band2”。现在，我希望缩放可以单独进行。