Setting node x, y coordinates

[shivam-880]

Is there a way we can supply node x and y coordinates for each node in a graph before being rendered?

I tried supplying x and y coordinates to the graph state to render like so:

{
    "id": "629f7895e318a5006937a89c",
    "type": "graphin-circle",
    "x": 99.19573576023117,
    "y": 208.40143187608885
}

But turns out the graph layout overrides these coordinates. How can I make supplied coordinates take precedence?

[shivam-880]

We can make use of 'preset' layout for this to work!

Graphin has 2 built-in layouts, namely graphin-force and preset layout:

graphin-force: It is a force-guided layout algorithm based on the charge spring model. It has a built-in tweakalgorithm that can realize incremental layout of force-guided
preset: As the name suggests, it is a preset layout. When the user sets this layout, the graphin will be laid out internally according to the coordinate information (x, y) in the data nodes given by the user. This layout is very useful when the layout caching strategy is needed in the business, or when the canvas is saved and entered again.
Refer: https://graphin.antv.antgroup.com/graphin/layout/layout

Alternatively, when instantiating the graph without configuration layout:
If the nodes in the data have position information ( xand y), draw according to the position information of the data;
If there is no position information for nodes in the data, Random Layout is used by default for layout.

Refer: https://g6.antv.antgroup.com/api/graph-layout/guide