Javascript JIT图形上的可选缩放选项

Javascript JIT图形上的可选缩放选项,javascript,jquery,infovis,Javascript,Jquery,Infovis,我正在使用JavaInfovis工具包。我想要任何用于缩放的按钮选项,而不是鼠标滚轮。有谁能帮助我如何应用两个按钮来放大和缩小而不是鼠标滚轮。如果您有两个按钮来放大/缩小,那么您可以对它们使用以下处理程序函数 handler: function(btn){ //zoom in var val = fd.controller.Navigation.zooming/1000;

我正在使用JavaInfovis工具包。我想要任何用于缩放的按钮选项,而不是鼠标滚轮。有谁能帮助我如何应用两个按钮来放大和缩小而不是鼠标滚轮。

如果您有两个按钮来放大/缩小,那么您可以对它们使用以下处理程序函数

handler: function(btn){
                        //zoom in
                        var val = fd.controller.Navigation.zooming/1000; 
                        var ans = 1 + (10 * val);
                        fd.canvas.scale(ans, ans);
         }
对于缩小

handler: function(btn){
                        //zoom out
                        var val = fd.controller.Navigation.zooming/1000;  
                        var ans = 1 - (10 * val);
                        fd.canvas.scale(ans, ans);
         }

这里fd是ForceDirected可视化的实例,您可以将其替换为可视化的实例。

我不知道如何添加“放大”和“缩小”按钮。默认情况下,鼠标滚动在放大和缩小时处于活动状态,我对在jquery上添加新功能感到困惑。