d3.js - 如何在d3v4力模拟中设置重力强度

Question

我读过这里的 api 说 x.strength 和 y.strength 将设置重力强度:
https://github.com/d3/d3-force/blob/master/README.md#x_strength

但是我怎么申请呢？

simulation = d3.forceSimulation()
    .force("link", d3.forceLink().id(function (d) {
        return d.id;
    }).distance(10))
    .force("charge", d3.forceManyBody().strength(-15))
    .force("center", d3.forceCenter(width * 0.5, height / 2))

Answer 1

我在 GitHub 上进行了快速搜索:

https://github.com/search?l=JavaScript&q=forceX+strength&ref=searchresults&type=Code&utf8=%E2%9C%93

这看起来像正确的语法:

const forceX = d3.forceX(width / 2).strength(0.015)
const forceY = d3.forceY(height / 2).strength(0.015)

const simulation = d3.forceSimulation()
  .force('x', forceX)
  .force('y',  forceY)

(来自 https://github.com/ivarmlee11/d3quake/blob/5f332d1d82d25b21097af78b4d1740bb092b4bb9/public/js/app.js#L17)