以编程方式放大 D3

Programmatically Zooming in D3?

本文关键字:D3 放大 方式 编程      更新时间:2023-09-26

使用 JavaScript 可视化库 D3,您如何以编程方式设置缩放行为,使其跳转到其他地方,然后在滚动或缩放时它不会恢复到原始位置?

它跳转的原因是,在缩放行为的代码中,D3 复制比例并使用它来计算滚动和缩放。要修复它,您需要强制内部副本转到所需的位置。

这可以通过在缩放对象上调用 .x 或 .y 来完成。例如,如果您更改了 xScale,则将 xScale 传递回缩放对象的 .x,以将内部副本设置为该 xScale。