ngx-graph | Graph visualization library | Data Visualization library

I need to change height of foreignObject in svg dynamically. I have to use foreignObject as I need html elements inside it. (I'm working with ngx-graph).

...

I'm getting error:

TypeError: Cannot set property height of [object SVGForeignObjectElement] which has only a getter

Please help!

I'm using the NGX Graph 'linkTemplate' to add circle in the middle of the link(Edge) but alignment is missing. I'm using transform property to align the circle in the middle of link. How to calculate exact coordinates to place the circle(with icon) in the middle of the link?

Here my code for the above graph

Using Angular 9 and ngx-Graph I am running into a problem where the graph is not being re-rendered after completing a command to pan to a specific node. It´s only when I move the mouse that the graph get´s rendered. I assume this is a general rendering problem so I wanted to check if there is a way to force the browser to re-render the page without refreshing the url?

I am trying to use ngx-graph in my project to draw a hierarchical graph. I have issue with links that connecting two nodes. I have tried all curve types, but not getting expected result.

Here is some code snippets:

HTML

I'm trying to make a crone tree using ngx-graph, and link each node to a pop-up so i went for the "@material-extended/mde", the issue i have is that i'm trying to define the pop-up content by node, so i tried using the property "data". But, whenever i add any new property to the nodes (other than id and label), the parse fails and all nodes turn black.

Is there any way i can make the pop-up content work, i'm planning to have forms and data grids into the pop-up depending on the node?

Here is a link to the stackblitz i'm working on

It always fails on the node with the additional field, so i thought it should be a parse issue, or node structure is predefined and cannot have the graph with more than the 2 fields (id and label).