Single Container with Graph component increase size available for *-graph-group element

[eneeio-nm]

Hi all,

I'm using Vue to generate an energy flow diagram and I'm struggling to understand how to get the highlighted g element with class *-graph-group to occupy more space.

I can't understand why it's not occupying all the space available in *-grpah-component?

Any help will be appreciated. Thanks in advance.

[rokotyan]

@eneeio-nm Try setting the fitViewPadding property of the graph configuration to 0.

[eneeio-nm]

Thanks for the reply @rokotyan - I've just tried setting fitViewPadding on the VisGraph component to 0 and it's made no difference. I'll see if I can get a stackblitz (or similar) setup to demonstrate.

[eneeio-nm]

@rokotyan Took me a while, but I've managed to get a similar instance running on Codesandbox. This should help illustrate the issue.

[rokotyan]

@eneeio-nm Thanks! The zoomScaleExtent property doesn't allow the graph to zoom in closer to the nodes. Try setting a larger value, e.g. [0.25, 2]