在d3中对html中的两个图形进行带式放大

band zoom in d3 for two graph in html

本文关键字：图形 两个 行带 放大 中对 d3 html      更新时间：2023-09-26

我对d3库不太熟悉。我正在尝试使用http://bl.ocks.org/jroetman/9b4c0599a4996edef0ab除了绘制图形外，该信息取自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"。现在，我希望缩放将单独工作。

相关文章：