将JSON数据导出并导入Cytoscape.js

Question

基于这个问题和答案 ，我已经制作了这个JSFiddle 。

我想要做的是找到一种方法将JSON数据正确导出/导入到cytoscape.js。

我正在使用JSON.stringify(cy.json())从元素中获取JSON数据，另一方面，我正在清理cy区域并使用cy.add(text-input)将元素添加回来。

即：您可以添加节点，复制它生成的JSON数据，然后您可以刷新浏览器并直接从节点粘贴JSON数据，尝试将其添加到cy 。

但我无法cy.add工作，我无法弄清楚我错在哪里（可能使用cy.add函数）。 始终确定两个错误：

An element must be of type 'nodes' or 'edges'; you specified 'undefined'

Uncaught TypeError: Cannot read property 'single' of undefined

有任何想法吗？

提前致谢。

Answer 1

如果从源代码构建（或者在发布时使用2.1），则可以使用eles.jsons() ，它提供了一个元素JSON数组。 你正在调用cy.json() ，它给出了整个图形初始化选项JSON - 你不能传递给cy.add()或类似的。

作为eles.jsons()替代，你可以使用已经存在的ele.json()并通过迭代元素来自己构建一个数组。

您还需要将对象传递给cy.add()等。您无法传递JSON字符串。

例如

cy.add( JSON.parse( jsonString ) )