import G6 from '@antv/g6';

​

const r = 50;

const radius = Math.PI;

​

const width = document.getElementById('container').scrollWidth;

const height = document.getElementById('container').scrollHeight || 500;

const graph = new G6.Graph({

  container: 'container',

  width,

  height,

  animate: true,

  animateCfg: {

    duration: 1000,

    onFrame(node, ratio, toAttrs, fromAttrs) {

      const current = radius * ratio;

      let x = fromAttrs.x;

      let y = fromAttrs.y;

      if (fromAttrs.x > toAttrs.x) {

        x = x - r + r * Math.cos(current);

        y += r * Math.sin(current);

      } else {

        x = x + r - r * Math.cos(current);

        y -= r * Math.sin(current);

      }

      return { x, y };

    }

  }

});

​

// 加入两个节点

const node1 = graph.addItem('node', {

  id: 'node1',

  x: 100,

  y: 100,