[Feature] Using Graph type and Force layout provide a way to stop auto layout

[gkorland]

What problem does this feature solve?

When using type graph with layout force it provides a draggable option, but this option is pretty useless since whenever a node is dragged it immediately jumps back to the original place.
Expected behavior, to let the user drag and "reorder" the layout.

What does the proposed API look like?

Extend the force configuration with "maxTime" that will stop auto layout after this time. Will also be very helpful to stop very long initial layout in large graphs.

[helgasoft]

related to #16682 #19230
Agree that draggable for layout force does not make sense. Probably a documentation bug, should be for layout 'none' only.

[gkorland]

I think it should be in force mode too, but only after it stabilize

[cuberinooo]

Is there are way to use this with force ? This would be a big benefit for us.
Also we use force without animation. So we see the stabilized view immediately. When I allow "draggable" and try to drag a node the whole graph recalculates its position. I think the problem is that force does not stick with the init values. It just recalculates the positions everytime.

[tsaltena]

We were facing a similar issue, and have gone the route of using the 'finished' event to turn the positions into static coordinates. So the basic approach (we use this in a Vue-Echarts setting, so all the 'this' references refer to the Vue component data):

on_finished: function() {
        const model = this.chart.getModel()
        const series = model.getSeriesByIndex(0);
        const nodeData = series.getData();
        // set the active layout to 'none' to avoid force updating:
        this.active_layout = 'none'
        // loop over node data to set the coordinates to the fixed node Data
        this.graph_data.nodes.forEach((node, nodenum) => {
          [node.x, node.y] = nodeData.getItemLayout(nodenum)
        })
}