graph 使用 force 布局，设置series-graph.force.layoutAnimation:false后，如果更新数据，会导致布局错乱

[diklios5768]

Version

4.6.0

Steps to reproduce

使用如下设置：

tooltip: {
        show: true,
        showContent: true,
        trigger: 'item',
        triggerOn: 'mousemove',
        alwaysShowContent: false,
        showDelay: 100,
        hideDelay: 2000,
        enterable: false,
        position: 'right',
        confine: false,
        transitionDuration: 0.2,
    },
    legend: {
        show: true,
        type: "scroll",
        animation: true
    },
    series: [{
        type: 'graph',
        name: '',
        layout: 'circular',
        // animation: false,
        legendHoverLink: true,
        hoverAnimation: true,
        coordinateSystem: null,
        xAxisIndex: 0,
        yAxisIndex: 0,
        force: {
            repulsion: 10,
            gravity: 0.1,
            edgeLength: 500,
            layoutAnimation: false
        },
        roam: true,
        nodeScaleRatio: 0.6,
        draggable: true,
        focusNodeAdjacency: true,
        symbol: 'circle',
        edgeSymbol: ['none', 'arrow'],
        edgeSymbolSize: 5,
        itemStyle: {
            color: '#6D9AA2',
            borderType: 'solid',
            borderColor: '#fff',
            borderWidth: 1,
            opacity: 1,
            shadowBlur: 10,
            shadowColor: 'rgba(0, 0, 0, 0.3)',
            emphasis: {
                color: "#334553"
            }
        },
        lineStyle: {
            normal: {
                width: '1',
                type: 'solid',
                curveness: 0.3,
                opacity: 0.2
            },
            emphasis: {
                width: 10
            }
        },
        label: {
            normal: {
                show: true,
                position: 'inside',
                textStyle: {
                    color: 'rgba(164,100,34,0.6)',
                    fontStyle: 'normal',
                    fontWeight: 'bolder',
                    fontFamily: 'sans-serif',
                    fontSize: 15,
                }
            },
            emphasis: {}
        },
        edgeLabel: {
            normal: {
                show: false
            },
        },
        data:[{}],
        links:[{}]

data和 links 比较长，难以上传代码，故给一张图片

当使用鼠标缩放后，就恢复正常了。

What is expected?

希望能够有好的解决办法，这个问题已经存在很久了，之前有一个人提出了问题但是没上传代码问题被自动关闭了。其他社区也看到有人提出问题，但是没有找到解决办法。

What is actually happening?

实际上就是重新绘制图的时候好像截了动画过程中的一帧，但是如果打开动画，慢慢看他加载完毕，最后结果就是正常的。

[echarts-bot]

Hi! We've received your issue and please be patient to get responded. 🎉
The average response time is expected to be within one day for weekdays.

In the meanwhile, please make sure that you have posted enough image to demo your request. You may also check out the API and chart option to get the answer.

If you don't get helped for a long time (over a week) or have an urgent question to ask, you may also send an email to dev@echarts.apache.org. Please attach the issue link if it's a technical questions.

If you are interested in the project, you may also subscribe our mail list.

Have a nice day! 🍵

[echarts-bot]

@diklios5768 Please provide a demo for the issue either with https://jsfiddle.net/ovilia/n6xc4df3/ or https://gallery.echartsjs.com/editor.html.

[Ovilia]

@diklios5768 代码跑不起来，请根据上面的地址保存一个可运行的 demo 吧

[diklios5768]

@Ovilia 保存了一个demo，可以观察代码最后两行(有没有 true 都是一样的)，运行两次（本来是更新节点数据的时候发现的），会出现节点不在线条指向地方的错误，缩放后正常，提供如下图片：

[100pah]

Need to check whether it is for the similar reason with #11895.