毕设有一个需求是根据展示药物和蛋白质之间的联系,所以药物是中心节点。很快的可以利用d3的力导向图做出以下效果:

不过,我们应该要固定药物所在的节点。
查一下相关的API,传送门:https://github.com/xswei/d3-force/blob/master/README.md#simulation_nodes

由于D3最后会修改我们传入的节点信息数据,因此我们可以直接对数据进行如下修改:
graph.nodes[0].fx = width / 2
graph.nodes[0].fy = height / 2
最后效果如图:


本文介绍如何使用D3的力导向图展示药物与蛋白质间的联系,并通过API固定药物作为中心节点,提供了一个具体的技术实现方案。
3399

被折叠的 条评论
为什么被折叠?



