使用d3实现缩放按钮

Implementing zoom buttons using d3

本文关键字：按钮缩放实现 d3 使用更新时间：2023-09-26

我正在尝试使用d3开发一个图形可视化网页，我需要在图形上提供基本的缩放和平移功能。

我看到d3.behaviour.js文件，看看缩放功能如何的工作原理。就默认行为而言，这很好。但是有吗?任何可以手动调用缩放函数的方法，我们说by将其附加到缩放和缩小按钮

d3中的缩放行为似乎与鼠标事件密切相关。

当你点击一个按钮时，你可以手动触发'mousewheel' (ie/webkit)和' dommousesscroll ' (firefox)事件。

您可以在这里看到如何注册和调度这些事件的示例:http://jsfiddle.net/6nnMV/

我认为你只需要得到当前的比例，增加/减少1，然后设置回https://github.com/mbostock/d3/wiki/Zoom-Behavior#wiki-scale。

之后，使用https://github.com/mbostock/d3/wiki/Zoom-Behavior#wiki-event用新的比例尺更新可视化。