在3d力导向图中，如何使相互关联的节点、关系高亮

前言

3d-force-graph 是一个基于力导向图的 JavaScript 库，用于在 3D 空间中可视化关系网络。其中一个重要的功能是高亮关联节点和关系，让用户更容易地理解网络结构和属性。

相关方法

在 3d-force-graph 中，我们可以使用 highlightNode 和 highlightLink 方法来实现节点和关系的高亮效果。

效果

代码示例

下面是一些示例代码，演示如何使用这些方法：

``` // data数据格式 //{ // nodes: [ // {source: 1, target: 0}, // {source: 2, target: 1} // ], // links: [ // {id: 0}, // {id: 1}, // {id: 2}, // ] // } const myGraph = ForceGraph3D() .graphData(data) .onNodeHover(node => { // 高亮相关节点 const relatedNodes = [node.id, ...node.neighbors]; myGraph .graphData().nodes.forEach(n => n.__threeObj.material.emissive.setHex( relatedNodes.indexOf(n.id) !== -1 ? 0xaaaaaa : 0x000000 ));

// 高亮相关关系
myGrap