Javascript 具有顺序比例的多焦点力布局

Javascript 具有顺序比例的多焦点力布局,javascript,d3.js,force-layout,Javascript,D3.js,Force Layout,此布局具有顺序比例: 但是,当数据中包含x时,没有任何变化,例如 var nodes = [ { "radius": 50, "color": "#17becf", "cx": 800, "cy": 250, "x": 100}, { "radius": 50, "color": "#17becf", "cx": 800, "cy": 250, "x": 200}, { "radius": 50, "color": "#17becf",

此布局具有顺序比例:

但是,当数据中包含x时,没有任何变化,例如

     var nodes = [
        { "radius": 50, "color": "#17becf", "cx": 800, "cy": 250, "x": 100},
        { "radius": 50, "color": "#17becf", "cx": 800, "cy": 250, "x": 200},
        { "radius": 50, "color": "#17becf", "cx": 800, "cy": 250, "x": 300},
        { "radius": 50, "color": "#17becf", "cx": 800, "cy": 250, "x": 400},];

我做错了什么?

我想你需要再解释一下。你的代码在哪里崩溃了?请注意,在Mike的示例中,正是重力函数将节点移动到各自的簇中。是否可以调整Mike的代码,使有序比例将节点移动到各自的簇中?顺序音阶不一定能移动物体;重力函数在力布局中起作用这是一个非常有用的教程,解释了重力函数的组成部分。那么,不可能固定x位置并让力布局处理y位置吗?不,不是这样-可以将位置设置为固定,但这意味着两个坐标都是固定的。实现所需的唯一方法是重置勾号处理程序中节点的x位置,以创建其已固定的错觉。
     var nodes = [
        { "radius": 50, "color": "#17becf", "cx": 800, "cy": 250, "x": 100},
        { "radius": 50, "color": "#17becf", "cx": 800, "cy": 250, "x": 200},
        { "radius": 50, "color": "#17becf", "cx": 800, "cy": 250, "x": 300},
        { "radius": 50, "color": "#17becf", "cx": 800, "cy": 250, "x": 400},];