D3 力导向图 固定某个节点

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/csu_passer/article/details/89402395

毕设有一个需求是根据展示药物和蛋白质之间的联系,所以药物是中心节点。很快的可以利用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

最后效果如图:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/csu_passer/article/details/89402395