使用3d力图将特定节点居​​中放置在场景中

时间:2019-07-05 07:39:31

标签: d3.js

我在d3中是新手。我正在使用3d-force-graph,我想找到一个特定的节点并获取其位置(x,y,z,vx,vy,vz)。我的目标是在页面加载时将特定节点置于场景中心。我还想克隆节点对象并使它成为全局对象,以便其他功能可以使用它。

我正在使用json文件。

<div id="3d-graph"></div>

<script>
const elem = document.getElementById('3d-graph');
const Graph = ForceGraph3D()
      (elem)
        .jsonUrl('package3.json')
        .onNodeClick(node => {
            console.log(node.id);
        });
</script>

<!--package3.json file-->
{
  "nodes": [
    {"id": "Marius", "group": 2},
    {"id": "BaronessT", "group": 1},
    {"id": "Mabeuf", "group": 1},
    {"id": "Enjolras", "group": 2}
  ],
  "links": [
    {"source": "Marius", "target": "Myriel", "value": 1},
    {"source": "BaronessT", "target": "Mabeuf", "value": 5},
    {"source": "Mabeuf", "target": "BaronessT", "value": 6},
    {"source": "Enjolras", "target": "Marius", "value": 2}
  ]
}

如何选择id =“ Mabeuf”的节点并将其设置为场景中相机的中心焦点。

0 个答案:

没有答案