使用cytoscape.js循环节点

Question

我目前正在尝试使用cytoscape.js为图形循环。问题是我不知道怎么做，因为有一些重复的节点。

我有这样的数据：

Sheraton Cherry, Rosaceae, Dentate, Pinnate
Pineapple Guava, Myrtaceae, Entire, Pinnate
Chinese Sumac, Rosaceae, Entire, Pinnate

正如您所看到的，一些数据正在重复。

到目前为止，这是我得到的：

  elements: {
nodes: [
  { data: { id: 'a', name: 'Sheraton Cherry' } },
  { data:  { id: 'a1', name: 'Rosacea'}},
  { data: { id: 'a2', name: 'Dentate' } },
  { data: { id: 'a3', name: 'Pinnate' } },
  { data: { id: 'b', name: 'Pineapple Guava' } },
  { data:  { id: 'b1', name: 'Myrtaceae'}},
  { data: { id: 'b2', name: 'Entire' } },
  { data: { id: 'a3', name: 'Pinnate' } }

],
edges: [
  { data: { source: 'a1', target: 'a' }},
  { data: { source: 'a2', target: 'a' }},
  { data: { source: 'a3', target: 'a' }},
  { data: { source: 'b1', target: 'b'}},
  { data: { source: 'b2', target: 'b'}},
  { data: { source: 'a3', target: 'b'}}
]

}，

我手动输入了图形，但是由于这只是一些数据，我还有10个，我应该循环节点和边缘。

但是我怎么能这样做呢？

找到这样的东西：

 var demoNodes = []; var demoEdges = []; demoNodes.push({ data: { id: b[0], name:b[0] } }); for (var i = 0; i < a.length; i++) { demoNodes.push({ data: { id: a[i], name:a[i] } }); } for (var i = 0; i < a.length; i++) { demoEdges.push({ data: { source: b[0], target: a[i] } }) } 

但它仍然不起作用。

Answer 1

解析输入数据并将其转换为元素JSON格式 。

如果您的数据只是逗号分隔，请在输入字符串上使用.split()和.trim() 。 请参阅https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String

Cytoscape不允许具有重复ID的元素，但如果您在解析时（或使用其他传递解析后）禁用重复项，原则上会更好。