顺序图节点d3js

时间:2019-07-12 18:07:07

标签: javascript d3.js data-visualization graph-visualization

我有一个数据库,我在其中一个表中维护一个实体ID,而在另一表中维护一个源和目标实体。

我生成了节点和链接的json。并使用以下示例作为参考(认为仅生成json文件就足够了):

Force directed graph for D3.js v4 with labelled edges and arrows

Same code with my generated data

问题在于图形混乱,我无法通过查看来推断任何东西。所以我想做的是,因为我熟悉实体之间的关系,所以我希望节点按标签从上到下的某种顺序排列。例如 siteref -> ro -> ba -> gr {{ 1}} ca

这完全可以实现吗?我到处寻找其他示例,但没有找到任何适合我需要的内容。

1 个答案:

答案 0 :(得分:2)

您可以添加forceY,也可以选择将其传递给strength。在forceY函数中,可以设置为siteref返回0,为ro返回100,依此类推。然后,您可以通过在链接和不同作用力中发挥一些作用来调整自己的需求。这是更新的小提琴,所以您可以看一下这个想法。 Update fiddle