d3.js：将匿名函数作为参数传递给居中力？

我正在制作一个交互式气泡图，并且正在研究将数据分为两组并移动到屏幕两侧的功能。我在模拟中使用了居中力，因为我认为它比使用forceX 和forceY 能提供更好、更一致的数据显示。但是，我在分割数据时遇到了麻烦。

我的想法是，由于您可以将匿名函数作为参数传递给 forceX 来确定节点是向左还是向右移动，所以理论上您可以对居中力中的 x 值执行相同的操作。我的中心力代码如下所示：

var forceCenterSplit = d3.forceCenter(function(d) {
            if (d[splitParameter] >= splitVal)
                return 3*width/4;
            else
                return width/4;
        }, height/2)

为了进行比较，下面是完成相同任务的 ForceX 的代码：

var forceXsplit = d3.forceX(function(d) {
                if (d[splitParameter] >= splitVal)
                    return 3*width/4;
                else
                    return width/4;
            }).strength(.05);    

不幸的是，控制台显示“解析 cx 属性时出现意外值 NaN”。当我运行对中力并将所有数据推至 cx = 0（默认值）时。

我在这里缺少一些基本的东西吗？不能将匿名函数作为参数传递给居中力吗？如果没有，有更好的方法吗？

Thanks!

// nicer looking splitting forces that use forceCenter
        var forceCenterCombine = d3.forceCenter(width/2, height/2);

        var forceCenterSplit = d3.forceCenter(function(d) {
            if (d[splitParameter] >= splitVal)
                return 3*width/4;
            else
                return width/4;
        }, height/2);

        // simple splitting forces that only use forceX
        var forceXSplit = d3.forceX(function(d) {
            if (d[splitParameter] >= splitVal)
                return 3*width/4;
            else
                return width/4;
        }).strength(.05);

        var forceXCombine = d3.forceX(width/2).strength(.05);

        // collision force to stop the bubbles from hitting each other
        var forceCollide = d3.forceCollide(function(d){
            console.log("forceCollide");
            return radiusScale(d[radiusParam]) + 1;
        }).strength(.75)

        // This code is for the simulation that combines all the forces
        var simulation = d3.forceSimulation()
            .force("center", forceCenterCombine)
            .force("collide", forceCollide)
            .on('end', function(){console.log("Simulation ended!");});

        function ticked() {
            circles
                .attr("cx", function(d){
                    return d.x;
                })
                .attr("cy", function(d){
                    return d.y;
                })
        }

var splitFlag = false;

        // dynamically divide the bubbles into two (or probably more later on) groups
        $scope.split = function() {
            // split them apart
            if (!splitFlag){
                console.log("splitForce");
                simulation.force("center", forceXSplit)
                    .force("y", d3.forceY(height/2).strength(.05))
                    .alphaTarget(.25)
                    .restart();
                splitFlag = true;
            }
            // bring them back together
            else {
                console.log("combineForce");
                simulation.force("center", forceCenterCombine)
                    .alphaTarget(.25)
                    .restart();
                splitFlag = false;
            }
        };

不幸的是，答案似乎是no.

由于其本质d3.forceCenter, that (“传递一个匿名函数作为参数”） 不可能。 API 说：

对中力均匀地平移节点，使得节点的平均位置所有节点（如果所有节点权重相等，则质心）位于给定位置 ⟨x,y⟩。 （强调我的）

因此，这里没有空间用于访问器函数。forceX and forceY， 另一方面...

将坐标访问器设置为指定的数字或function。 （再次强调我的）

...并且可能最适合您。