D3 forceX/forceY和forceCenter之间的差异

var simulation = d3v5.forceSimulation()
      .force('link', d3v5.forceLink().id(function (d) { return d.id; }))
      .force('charge', d3v5.forceManyBody())
      .force('center', d3v5.forceCenter(width / 2, height / 2))

下面是一个代码笔示例(参见第57行): https://codepen.io/anon/pen/PdOqZK?editors=1010

最后一行设置力中心。当我拖动节点并设置中心时,节点似乎从中心向外移动。但当我有以下情况时:

var simulation = d3v5.forceSimulation()
      .force('link', d3v5.forceLink().id(function (d) { return d.id; }))
      .force('charge', d3v5.forceManyBody())
      .force('x', d3v5.forceX(width / 2))
      .force('y', d3v5.forceY(height / 2))

下面是一个代码笔示例(参见第57行): https://codepen.io/anon/pen/gdXprR?editors=1010

它按预期工作。如果有人能解释发生了什么就好了。