alyonashadrina / react-graph-network Goto Github PK

Hello, i want to ask about how i can to display several graph? When i display one graph everything work correct, but when i display tow graph and more it displaying one graph. I think it connected with id graph , how i can resolve this problem?

<Graph data={dataFromDB} LineComponent={LineGraph} NodeComponent={Node} style={{height: '100%', width: '100%'}} nodeDistance={getNodeDistance()} zoomDepth={3} hoverOpacity={0.3} enableDrag={false} pullIn={false} />

After feeding in data, the result is in the form of an svg file which cannot be resized. So even if I increase/decrease the outer box, the graph doesnt resize. Doesnt even change its position. It overflows and becomes invisible after decreasing the outer div beyond a point. I tried using custom css also but its not working. I have given width and height both as 100% but still its not working. On inspecting I saw that the svg is taking 100% width and height but inside is overflowing out of the div. The svg file is buggy. Ideally all contents should be INSIDE the but here its not.

Is there any way to add some kind of event listener on nodes?

Есть ли возможность сделать так, чтобы при перемещении узла, остальные также тянулись за ним? они тянутся просто очень-очень медленно, и расстояние между узлами становится больше, а не той длины, которая была задана

Hello. I want to ask how i can to control move the graph. I mean i want the graph not went beyond the borders. I want to know coordinates the moving node. How can i do it? Thank you