使用JavaScript InfoVis Toolkit绘制ForceDirected图

时间:2011-06-10 20:56:26

标签: javascript graph infovis

我在数据库中有两个表,如下所示:

Table_1
PK Column generated by db...
Any other columns...

Table_1_association
PK Column generated by db...
FK Column for Table_1
Another FK Column for Table_1

在这种情况下,我可以在Table_1_association

中包含以下行
FK1 -> FK2

1 -> 2
1 -> 3
1 -> 4
1 -> 5
1 -> 6
1 -> 7
7 -> 8
7 -> 9
10 -> 1
10 -> 7
10 -> 11
10 -> 12

我可以

9 -> 1

我想制作一个显示这种结构的图表。 我使用带有'箭头'边的FOrceDirected图,因为方向是 FK1FK2(上例中的->)。

但我无法得到。有些箭头方向错误。

ForceDirected图是否允许这样做?

1 个答案:

答案 0 :(得分:2)

您可以通过将$direction添加到JSON中的数据部分来指定方向,JSON是分别代表“from”节点ID和“to”节点ID的两个字符串的列表。例如:

"adjacencies" : [
   {
      "nodeTo" : "222",
      "data" : {
         "$direction" : [
            "111",
            "222"
         ]
      }
   }
]