Question

我的目的是使用vis.js创建简单的图形编辑器，我正在考虑的第一个功能是手动定位节点并保存它。但是，与setting options不同，获得所有options的直接方法似乎不存在。是否有任何合理的方法来获取它们（除了尝试使用像dragEnd这样听起来太脆弱的事件来跟踪所有更改）？

事实上，我正在寻找一种方法来提取数据（节点/边缘及其设置）和选项，以便一旦使用这些选项呈现网络，它看起来与（或至少类似的）相同得救了。

Answer 1

Vis.js提供simple example to export and import networks as JSON。

还有an example with basic Editor-functionality添加/删除节点和边

Answer 2

我已经创建了js函数来获取所有选项。

例如，如果我要获取每个节点ID的组：

function getGroup(network, id){
     var group = network.body.data.nodes._data[id].group;
     return group;
}

更新：我没有一个函数可以获取所有选项，但例如。您可以通过此功能获得很少的选项值：

function getOptions(network){
     var opt = network.options;
     return opt;
} 
function getLocale(network){
     var locale = getOptions(network).locale;
}
function getClickToUse(network){
     var clickToUse = getOptions(network).clickToUse;
}

Vis.js网络：如何获取数据和选项以便保存？

2 个答案: