使用d3實現縮放按鈕

Question

我正在嘗試使用d3開發圖形可視化網頁，而我需要在圖形上提供基本的縮放和平移功能。

我看到了d3.behaviour.js文件，瞭解如何使用縮放功能 。就默認行爲而言，這沒什麼問題。但有沒有 任何可以通過手動調用縮放功能的方式，讓 附加它來放大縮小按鈕。

Answer 1

d3中的縮放行爲似乎與鼠標事件非常相關。

您可以做的解決方法是當您單擊按鈕時手動觸發'mousewheel'（即/ webkit）和'DOMMouseScroll'（firefox）事件。

你可以看到如何註冊一個例子，在這裏調度這些事件：http://jsfiddle.net/6nnMV/

Answer 2

我想你只需要一個讓目前的規模，增加/減少，然後將其設置回https://github.com/mbostock/d3/wiki/Zoom-Behavior#wiki-scale。

之後，僱用https://github.com/mbostock/d3/wiki/Zoom-Behavior#wiki-event用新的比例更新可視化。