Javascript网络如何使用标签代替数字

时间:2017-09-06 14:27:57

标签: javascript d3.js graph visualization

我想使用this graph代码,但是该示例使用数字作为节点,如下所示:

source,target,weight
1,3,5
1,8,3
1,9,3
1,12,3

我发现数字不具备视觉信息,所以我想要节点,所以使用:

source,target,weight
node_name_1,node_name_2,5
node_name_1,node_name_3,3
node_name_2,node_name_3,3
node_name_1,node_name_4,3

但是,当使用文本作为节点时,我收到以下错误:

SCRIPT5007: Unable to get property 'node_name_1' of undefined or null reference

当我走到这一行时:

nodes.forEach(function (node) {
  node.module = result[node.id] <-- this is the line that causes the error
});

如何调整此代码以便我可以使用标签作为输入而不是数字?

我是JS的初学者

修改
正如gerardo所示,代码正在运行(至少与他的.csv一样)但是使用我自己的csv将无法正常工作:

source,target,weight
SomeOrganism,LikeCoffee,18
SomeOtherOrganism,LikeCoffee,4
WellAnotherOne,TheSunIsShining,1
WellAnotherOne,ThisIsNotGood,1
IHopeThis,ThisIsNotGood,1
SomeOtherOrganism,IHopeThis,2
SomeOrganism,testing,2
SomeOrganism,NeedSomeHelp,8
SomeOrganism,AflowerisNice,9
SomeOrganism,IsThisWorking,2
SomeOrganism,ILikeBread,4
SomeOrganism,MeltyButter,2
AflowerisNice,NeedSomeHelp,2
SugerIsSweet,SomeOrganism,1
NeedSomeHelp,ILikeBread,1
SomeOtherOrganism,ILikeBread,1

0 个答案:

没有答案