echart 关系图 节点定位不准确 并且每次刷新都会改变怎么解决 请给我一个完整的例子

问题描述：

在 echart 关系图中，节点的位置不准确，并且每次刷新都会改变。

解决方法：

1. 确定节点的位置

首先，我们需要确定节点的位置。可以通过设置节点的 x 和 y 坐标来实现。例如：

data: [{
  name: '节点1',
  x: 100,
  y: 100
}, {
  name: '节点2',
  x: 200,
  y: 200
}]

2. 禁止自动布局

其次，为了防止自动布局的影响，我们需要禁止自动布局。可以通过设置 `layout` 属性为 'none' 来实现。例如：

option = {
  series: [{
    type: 'graph',
    layout: 'none',
    data: [{
      name: '节点1',
      x: 100,
      y: 100
    }, {
      name: '节点2',
      x: 200,
      y: 200
    }],
    // ...
  }]
};

3. 固定节点位置

最后，我们可以通过设置节点的 `fixed` 属性为 `true` 来固定节点的位置。例如：

option = {
  series: [{
    type: 'graph',
    layout: 'none',
    data: [{
      name: '节点1',
      x: 100,
      y: 100,
      fixed: true
    }, {
      name: '节点2',
      x: 200,
      y: 200,
      fixed: true
    }],
    // ...
  }]
};

完整的例子：

option = {
  series: [{
    type: 'graph',
    layout: 'none',
    data: [{
      name: '节点1',
      x: 100,
      y: 100,
      fixed: true
    }, {
      name: '节点2',
      x: 200,
      y: 200,
      fixed: true
    }],
    links: [{
      source: '节点1',
      target: '节点2'
    }],
    // ...
  }]
};

希望这个例子对你有帮助。