How to set zoom level(initial,min , max)?? about 3d-force-graph HOT 9 CLOSED

@shikharka from v1.22.0 you can now specify a custom distance using cameraPosition. F.e:

myGraph.cameraPosition({ z: 1000 });

from 3d-force-graph.

@shaliniBITC you can access the various config of TrackballControls via the .controls() method.
So, for min/max distance:

myGraph.controls().maxDistance = 2000;

from 3d-force-graph.

@shikharka the initial zoom level is calculated based on the number of nodes in the system, in a cubic relationship.
For reference, this is where that logic is applied:
https://github.com/vasturiano/3d-force-graph/blob/master/src/3d-force-graph.js#L132

There is no way currently to specify zoom max/min boundaries programmatically from outside the component.

from 3d-force-graph.

It will be a good to have feature
I found 'e.camera.position.z=150*Math.cbrt(e.forceGraph.graphData().nodes.length) ' in the js. If 150 can be passed through a variable having default value 150 and will overridden by a value passed by ForceGraph3D function, it might work

from 3d-force-graph.

Thanks! will check

from 3d-force-graph.

Hello, and is ther any wat to tell the graph not to move? I mean, the first time it'is like the 3D grapgh flies away from my div...

from 3d-force-graph.

@Doni44 answered in #72.

from 3d-force-graph.

By exposing tbControls like you exposed camera and scene I was able to set the min and max zoom and also disable rotation which I needed to display a 2D graph. Could you maybe expose this, so that my code doesn't differ from the one on repository.

Thank you,
Nika

from 3d-force-graph.

By exposing tbControls like you exposed camera and scene I was able to set the min and max zoom and also disable rotation which I needed to display a 2D graph. Could you maybe expose this, so that my code doesn't differ from the one on repository.

Thank you,
Nika

Hi, can you please explain how you set min and max zoom.

from 3d-force-graph.