how to add zoom props？ about react-d3-graph HOT 5 CLOSED

Hello there @wulucxy, glad it's useful. It's a pretty obvious feature indeed controlling zoom with other actions. Today you are able to double click to zoom, did you tried that? It is provided out of the box by the browser or d3 I'm not quite sure of the nature of the feature.

Regardless, I would challenge you to leave here a few suggestions of specific controls for zooming, or we could also go with a client configurable zoom ing actions (more generic).

from react-d3-graph.

Hi，@danielcaldas，I mean how can I control the zoom scale by outside props，not only by inner state。

Like I have three buttons，one for zoomIn，one for zoomOut，one for reset，I think this is a general UI case。

from react-d3-graph.

So let's imagine something like 3 new properties in the config object where you could pass in your own key bindings for zoom control, something like:

const graphConfig = {
   ...
   zoomIn: 'w',
   zoomOut: 's',
   reset: 'r',
   ...
};

And you as client would have the hability to define those properties with other key bindings. How thus this sounds to you @wulucxy?

from react-d3-graph.

@danielcaldas actually I have found a solution for this, https://spotify.github.io/reactochart/docs/build/#/zoom-container。

you can control the zoom by props, or you can only put it stateful。

what I want is fully control of zoom，not just by mousewheel or dbclick event。

from react-d3-graph.

Oh well nice then, thanks for providing that link, others might find this useful as well. I didn't know the component, nice one.

from react-d3-graph.